Hallo,
nach längerem Suchen habe ich keine Lösung auf mein Problem gefunden. Ich hoffe, hier kann mir jemand weiter helfen.
Ich möchte eine mit Visual LightBox generierte Bilder-Gallerie in eine mit dem WD erstellte Seite integrieren.
Visual LightBox bietet hierfür auch einen Wizzard an, so dass der Fehler vermutlich nicht in der modifizierten html Datei liegt.
Im WD enthält die Seite lediglich eine schwarze Rechteck-Form und einen Text. Der Text dient als Ausgangspunkt, nach dessen <div>-Tag die LightBox Gallerie eingebunden werden soll. Das Ganze sieht dann (künstlerisch nicht wertvoll) wie folgt aus:
Beim Klicken auf ein Bild, öffnet sich dieses "in Groß" - allerdings ohne jeglichen Übergang / Möglichkeit weiterzublättern. Das Verhalten ist, als würde das Bild einfach mit einem "rohen Link" verknüpft sein.
Das Problem scheint an dieser Stelle JS-Code aus der generierten Datei "roe.js" zu sein - wird diese in der <head> Sektion nicht eingebunden, so bekomme ich zwar das richtige Verhalten der LightBox Gallerie, allerdings treten dann weitere Artefakte beim Scrollen der Seite auf wie z.B. folgendes:
Beim horizontalen Verkleinern des Browserfensters wird die entsprechende Scrollbar nicht korrekt skaliert - es besteht nicht mehr die Möglichkeit auf die linke Seite zu scrollen.
Generell ist es vermutlich nicht sehr clever autogenerierten Code auszukommentieren :-)
Kann es sein, dass das Problem durch konfliktierende jQuery-Libraries verursacht wird? Gibt es dafür eine Lösung, ohne die LightBox in einen IFrame zu setzen? Das ist leider keine Option, da das eigentliche Bild dann zu klein dargestellt wird.
Ich habe auch andere Gallerie-Frameworks getestet - z.B. slimbox. Das Verhalten war exakt das Gleiche.
Ich hoffe, ich konnte das Problem ausreichend beschreiben - bitte nachfragen, falls etwas unklar ist.
Vielen Dank,
Rolf