Forum

[artprophets]

Hallo zusammen,

ich verwende die aktuellste Version von Redaxo (4.3.1) und das Lightbox AddOn 2.0.4 (http://www.redaxo.de/180-0-addon-detail ... don_id=112)

Auf folgender Seite wird das Lightboxscript zwar ausgeführt, allerdings gibt es hierbei ein komisches Problem:

http://web74.ws3.mod-media.net/index.php?article_id=3

Wenn man auf ein Bild klickt öffnet es sich korrekt, wenn man aber das zweite Bild anklickt dann wird das Bild falsch (skaliert) dargestellt, obwohl der Lightboxrahmen (weiß) die richtige größe erkennt und generiert. Es spielt dabei keine Rolle ob man zuerst das eine oder das andere Bild öffnet?

Hat hierzu jemand einen Vorschlag, Anregung, Tipp oder Idee?
Wäre schade wenn ich/wir das nicht zum laufen bringen könnten

Lieben Gruß,

Stefan

[Xong]

Hallo und Willkommen im Forum!

Ich kann da im Firefox keinen Fehler entdecken.
Kannst du ausschließen, dass es ein Caching-Problem ist?

[artprophets]

ja im Firefox (am Mac) funktioniert es, aber im Safari ist der Fehler vorhanden. Bei einem Freund kommt der gleiche Fehler am PC Google Chrome, wie es im Internet Explorer aussieht, weiß ich nicht.

Chache vom Browser habe ich X-mal gelöscht..... kommt wieder.

[Joachim.Dörr]

Entferne im JS der Lightbox den Code Teil, der dafür sorgt, dass der img tag in der Lightobx ein width="" angehangen bekomme bzw. im Modul wenn es dort ist, dann wird das funktionieren.

lg
Joachim

[artprophets]

kannst du das ein wenig präzisieren?

zudem habe ich das Gefühl, dass es nur im Safari nicht funktioniert.

Ich habe am PC den IE 7 und 8, Firefox, Safari getestet - nur Safari hat das Problem
Ich habe auch am Mac den Firefox und Safari getestet - nur Safari hat das Problem.

Aber das kann doch nicht sein?

[artprophets]

gehört zwar nicht zu Redaxo, aber die Herren haben auch ein Problem damit: http://www.dynamicdrive.com/forums/show ... hp?t=37342 und Safari?

[Joachim.Dörr]

Das Bild hab ein width="" im Tag. Also in der L.blox schaut der Code so aus:

Code: Alles auswählen

<div id="lightbox" style="top: 25px; left: 0px; ">
  <div id="outerImageContainer" style="height: 820px; font-size: 79.6644px; width: 552px; ">
    <div id="imageContainer">
      <img id="lightboxImage" style="" src="http://web74.ws3.mod-media.net/files/diana_02.jpg" width="800">...

Damit das Problem nicht mehr auftaucht muss es aber so ausschauen:

Code: Alles auswählen

<div id="lightbox" style="top: 25px; left: 0px; ">
  <div id="outerImageContainer" style="height: 820px; font-size: 79.6644px; width: 552px; ">
    <div id="imageContainer">
      <img id="lightboxImage" style="" src="http://web74.ws3.mod-media.net/files/diana_02.jpg"/>...

lg
Joachim

[artprophets]

und wie bekomm ich das weg?

[Joachim.Dörr]

Entweder es ist im JS der Lightbox oder im HTML vom Redaxo Output - das kann ich dir jetzt auch nicht genau sage.

lg
Joachim

[artprophets]

wenn ich mir den code ansehe wenn das bild offen is, sehr ich nicht den code den du siehst?

[Joachim.Dörr]

Der Code ist da:


lg
Joachim

[artprophets]

ich bin jetzt nicht so der große Programmierer. Habe im CSS nachgesehen und da steht keine größenangabe die sich auf das bild bezieht. Bzw. die lightbox wird (rahmen) wird ja korrekt geladen - nur das Bild wird vergrößert /verkleinert - und im JS werde ich nicht fündig. ich kann dir gerne die files zukommen lassen?

[artprophets]

das gleiche Problem taucht übrigens auch in der Slimbox auf.

[Joachim.Dörr]

Das Problem liegt sicher am JS nicht am CSS, irgendwo im javascript wird die Breite des Bildes ausgelesen und dem <img> Tag zugewiesen wie du im Screenshot sehen kannst steht dort dann width="800" - es sollte aber width="553" da stehen. Das Problem ist also im JS zu suchen irgendwo wird der <img> Tag erzeugt dort solltest Du nachschauen.

lg
Joachim

[artprophets]

ja da finde ich vieles was mit img zu tun hat, nur weiß ich nicht was ändern/löschen/hinzufügen...kenn mich im JS nicht aus. Kannst eben mal online kommen, hab dich in ICQ hinzugefügt