Jquery Img Lightbox

  • Hallo,

    Ich habe eine Lightbox mit Hilfe eine Tutorials programmiert.

    Diese spricht über .next().is('img') das nächste Bild an. Dies funktioniert auch, wenn ich eine HTML struktur habe die nur aus Bildern besteht. Wenn ich jedoch um die Bilder noch <figure> mach und auch eine <figcaption> funktioniert das nicht. ich denke mal, dass liegt an dem .next().

    Wie könnte ich dies lösen?

    Danke schon mal. Und Entschuldigung bin ein relativer Anfänger.

    Also so ist mein HTML Code:

    Mein Css Code:

    Und hier mein Javascript Code:

  • Du brauchst im wesentlichen nur das, was das Skript bisher für img tut, für figure zu machen:


    Für previous kannst Du es selber umstellen.

  • Vielen Dank erst mal für die Antwort.
    Ich habe da jetzt gemacht. Jedoch öffnet sich jetzt wenn ich auf ein Bild klicke zwar das lightbox overlay, jedoch nicht das Bild.

    Woran könnte das liegen?


    Ich sende vorsichtshalber noch mal meinen jetzigen Code mit.


  • Noch mal ein Nachtrag.
    Meine Frage hat sich erledigt. Es lag am .append, dass ich vergessen hatte durch das .prepend zu ersetzen (warum die auswirkung ist mir jedoch unklar).

    Vielen Dank.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!