Lightbox Bilddarstellung

[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:
[ externes Bild ]

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

[artprophets]

kannst du eben mal schaun, ob das Ding jetzt bei dir funktioniert?

[Joachim.Dörr]

Also bei funktioniert jetzt gar nichts mehr.

lg
Joachim

[artprophets]

es funktioniert jetzt gar nichts mehr?!?!? bei mir geht es jetzt in allen browsern? kannst du das wirklich bestätigen dass nichts mehr läuft?

[Joachim.Dörr]

Doch nehm alles zurück jetzt funktioniert es. Musste nur mal den Cache leeren.

lg
Joachim

[artprophets]

super! da bin ich aber froh. Danke für deine Hilfe.

Im Prinzip habe ich gesehen dass es eine minimale aktuellere Version des Lightboxes gab, die ich draufgeknallt habe. Das hat den Fehler automatisch behoben

[Joachim.Dörr]

Sehr gut , dass war dann doch die beste Lösung.
lg
Joachim

[Fanello]

ich muss das Thema jetzt doch nochmals aufgreifen.. Ich habe das selbe Problem mit Safari und Lightbox.
Installiert habe ich die aktuellste Version, also lightbox 1.9

Nehmen wir an, ich habe 5 Bilder im Querformat und 1 im Hochformat. Klicke ich das erste Quer-Bild an, geht es schön im Lightbox-Effekt auf und ich kann mich durch die Bilder durchklicken. Komme ich zum Hochformat-Bild an, wird zwar der weisse Rahmen in der richtigen Grösse angezeigt, jedoch das Bild selber viel zu gross.

Öffne ich jetzt aber als erstes das Hochformat-Bild an, wird es richtig angezeigt. Klicke ich jetzt zum vorherigen Bild, also in dem Fall ein Querformat-Bild, wird der Rahmen auch wieder richtig angezeigt, jedoch das Bild selber viel zu klein.

Es übernimmt also quasi jeweils das "width" des vorherige angezeigten Bildes.

Kann mir jemand helfen und mir evtl. erklären, welchen Teil des js ich weglassen darf?

Vielen Dank!