Lightbox für andere Bilder verwenden

Hey, ich möchte die Lightbox für andere Bilder verwenden. Leider geht es nicht. Warum? [![bild](bild.jpg "bild")](bild.jpg "bild") Danke

Mist, ich weiß woran es liegt. Und zwar erstelle ich den Code per JavaScript: function changeImage() { if ( document.sAddToBasket.sAdd.value ) { document.getElementById('var\_image').innerHTML = '[![' + document.sAddToBasket.sAdd.value + '](path' + document.sAddToBasket.sAdd.value + '.jpg "' + document.sAddToBasket.sAdd.value + '")](path' + document.sAddToBasket.sAdd.value + '.jpg "' + document.sAddToBasket.sAdd.value + '")'; } else { document.getElementById('var\_image').innerHTML = ''; } } Wenn ich den HTML Code direkt beim Laden der Seite einbauen funktioniert es. Hat jmd eine Idee wie ich das lösen kann?

Würde mich auch interessieren. Gibt es hier bereits eine Lösung?

[quote=„ottscho“]Mist, ich weiß woran es liegt. Und zwar erstelle ich den Code per JavaScript: function changeImage() { if ( document.sAddToBasket.sAdd.value ) { document.getElementById('var\_image').innerHTML = '[![' + document.sAddToBasket.sAdd.value + '](path' + document.sAddToBasket.sAdd.value + '.jpg "' + document.sAddToBasket.sAdd.value + '")](path' + document.sAddToBasket.sAdd.value + '.jpg "' + document.sAddToBasket.sAdd.value + '")'; } else { document.getElementById('var\_image').innerHTML = ''; } } Wenn ich den HTML Code direkt beim Laden der Seite einbauen funktioniert es. Hat jmd eine Idee wie ich das lösen kann?[/quote] Das Problem ist, dass das Lightbox-Modul wohl bei seinem Start die Elemente identifiziert, die seine Dienste in Anspruch nehmen wollen. So ein später dynamisch generiertes Element kennt es (beobachtet es) daher nicht. Die Lösung könnte sein, ein solches Pseudo-Element statisch anzulegen, und dann nur noch die zu ändernden Parameter dynamisch zu setzen. Dann hat Lightbox sich aber schon in die Event-Queue des Elemets eingehängt, und kann darauf reagieren.

Guten Morgen zusammen, ich hake mich hier mal ein, da ich ebenfalls Bilder aus einer „Content-Seite“ per Lightbox öffnen möchte. Hintergrund ist die Erstellung einer kleinen Bildergalerie. Gibt es denn wirklich keine „einfache“ Möglichkeit, so etwas im Umfeld von Shopware zu realisieren? Ich suche wirklich schon lange in Wiki, Forum und Tutorials danach, konnte aber nichts hilfreiches finden. Mein letzter Versuch, {literal}<script type="text/javascript"> window.onload=function() { Lightbox.init({descriptions: '.lightboxDesc', showControls: true}); } </script>{/literal} in die index/index.tpl einzubetten und dann per [![](http://dummylink)](http://dummylink "Frosch") aufzurufen, ist kläglich gescheitert. Es öffnet sich lediglich das verlinkte Bild in voller Pracht auf einer leeren Seite. Ich bin wirklich sehr verlegen um diese Lösung! Vielen Dank! Liebe Grüße, der Kämpen

[quote=“kaempen”]Guten Morgen zusammen, ich hake mich hier mal ein, da ich ebenfalls Bilder aus einer “Content-Seite” per Lightbox öffnen möchte. Hintergrund ist die Erstellung einer kleinen Bildergalerie. Gibt es denn wirklich keine “einfache” Möglichkeit, so etwas im Umfeld von Shopware zu realisieren? Ich suche wirklich schon lange in Wiki, Forum und Tutorials danach, konnte aber nichts hilfreiches finden. Mein letzter Versuch, {literal}<script type="text/javascript"> window.onload=function() { Lightbox.init({descriptions: '.lightboxDesc', showControls: true}); } </script>{/literal} in die index/index.tpl einzubetten und dann per [![](http://dummylink)](http://dummylink "Frosch") aufzurufen, ist kläglich gescheitert. Es öffnet sich lediglich das verlinkte Bild in voller Pracht auf einer leeren Seite. Ich bin wirklich sehr verlegen um diese Lösung! Vielen Dank! Liebe Grüße, der Kämpen[/quote] Ottscho hat doch schon beschrieben, wie es geht…bildSein Problem ist ja nur die dynamische Erstellung dieses Links, der nicht funktioniert, statisch klappt das ja…

[quote=“avenger”]bild[/quote] Guten Morgen avenger, das habe ich als allererstes versucht. Leider klappt es eben nicht! Wie es nicht funktioniert, kannst Du hier sehen. :wink: Liebe Grüße, der Kämpen

[quote=“kaempen”][quote=“avenger”]bild[/quote] Guten Morgen avenger, das habe ich als allererstes versucht. Leider klappt es eben nicht! Wie es nicht funktioniert, kannst Du hier sehen. :wink: Liebe Grüße, der Kämpen[/quote] Im Shop-Javascript wird die Lightbox wie folgt an “a”-Tags gebunden: //Lightbox basket $('a.zoom\_picture[rel^=lightbox]').slimbox();Ich würde das also wie folgt versuchen [......](bild.jpg “bild”)

2 Likes

[quote=“avenger”]Ich würde das also wie folgt versuchen [......[/quote] Versucht. Geklappt. Begeistert. Tausend Dank! Ich gebe Dir heute Früh schon mal einen virtuellen Kaffee auf Deine Hilfsbereitschaft aus :smiley: Liebe Grüße, der Kämpen](bild.jpg “bild”)

Hallo zusammen, also wenn ich das bei einer Shopseite (wie “Über uns” oder ähnlich) machen will, gebe ich im HTML Fenster vom Tiny Editor z.B. folgendes ein: [![bild](http://www.domain.de/uploads/bild_thumbnail.jpg)](http://www.domain.de/uploads/bild.jpg "bild") …geht aber nicht - müsste doch aber, oder? :wtf: Der Browser öffnet dann nur wie bei kaempen das große Bild in einem neuen Fenster. Wenn ich mir dann im Tiny HTML Fenster das anschaue, hat Tiny beim abspeichern das daraus gemacht: [![bild](http://www.domain.de/uploads/bild_thumbnail.jpg)](http://www.domain.de/uploads/bild.jpg "bild") Was kann das sein - mache ich was falsch? Grüße rattatui

Hallo rattatui, versuche mal folgenden Code: [![bild](http://www.domain.de/uploads/bild_thumbnail.jpg)](http://www.domain.de/uploads/bild.jpg "bild") Bei mir funktioniert es nur, wenn ich dem Link rel=“lightbox” mitgebe. Liebe Grüße, der Kämpen

1 Like

…datt wars! :smiley: vielen Dank an Dich und Avenger nochmals - mein Tag ist gerettet :thumbup: Grüße rattatui

Weiß jemand wie das nun im Blog in Shopware 5 funktioniert? rel="lightbox[photos]" bewirkt leider keine Galerie-Funktion… Beste Grüße

Hallo, Für Shopware 5 versuche mal folgendes: [![](http://www.mein-shop.de/media/image/image_mini.jpg)](http://www.mein-shop.de/media/image/image_big.jpg)

1 Like

Hallo, habe folgenden Code: [![]()](../_1280x1280.jpg) Das Bild wird richtig in der Lightbox geöffnet - leider ist in der Lightbox kein weiterblättern möglich :frowning:

Seid ihr hier schon weitergekommen? Das Blättern der Bilder interessiert mich ebenfalls.