Beiträge von niklasxyz

    Hallo,

    Ich habe eine Jquery Lightbox erstellt. Diese erkennt auch ob das Bild hochformat oder querformat ist, auch wenn das sicher nicht optimal gelöst ist.

    Mein Problem ist, dass die Lightbox nur ohne Figure Tags funktioniert. Ich wollte sie umschreiben, schaffe es aber nicht es so zu schreiben, dass wenn es am Ende der Galerie ist es wieder an den Anfang springt. Das Ganze Problem ist in der Function next_img zu finden wobei das gleiche Problem natürlich auch für die Prev_img Function gilt.

    Vielen Dank schon mal.

    Mein HTML:

    Mein CSS:

    Mein Jquery:

    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.

    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.


    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:

    Hallo, Ich habe 4 Bilder, die ich unter einander, mit 2 Bildern pro Reihe anordenen sollen.
    Die erste Reihe funktioniert gut nur hat das dritte Bild wird nicht links angezeigt sondern rechts
    und mein viertes wird dann in einer neuen Reihe angezeigt.
    Vielen Dank schon mal und ich bin Anfänger sowohl in HTML als auch hier im Forum[Blockierte Grafik: http://www.forum-hilfe.de/images/smilies/wink.png]
    P.s. Im Anhang noch ein Bild von dem was ich meine.
    Hier der HTML Code:

    HTML
    1. <img class="firstrow" src="img/Studio/Kaffe_Splash.jpg" alt="#">
    2. <img class="firstrow" src="img/Studio/Seifenblase1.jpg" alt="#">
    3. <img class="firstrow" src="img/Studio/Wasser&Öl.jpg" alt="#">
    4. <img class="firstrow" src="img/Studio/Farbexplosion.jpg" alt="#">


    Und der Css Code:

    CSS
    1. .firstrow {
    2. max-width: 50%;
    3. float: left;
    4. max-width: 49.4%;
    5. padding: 5px;
    6. }

    Dateien

    • Galerie.JPG

      (142,81 kB, 19 Mal heruntergeladen, zuletzt: )