Lightbox bilder als Diashow einbinden

Computer: Software & Programmierung HTML & CSS
#1

Hallo,

bin gerade dabei Bilder auf meiner Website mithilfe der Lightbox zu vergrößern.
Nun möchte ich, dass beispielsweise 2 Bilder, die in klein nebeneinander auf der Website angeordnet sind, in der vergrößerten Ansicht über Pfeil nach links bzw. rechts zwischen den vergrößerten Bildern gewechselt werden kann.
Das ist mein Code:

<a href="Ananas (1g).JPG" data-lightbox="Ananas (1g)" data-title="Ananaspflanze"> 
   <img src="Ananas (1).jpg" alt="Ananaspflanze">
 </a>
 <a href="Ananassamen (g).JPG" data-lightbox="Ananassamen (g)" data-title="Ananassamen">
   <img src="Ananassamen.JPG" alt="Ananassamen">
 </a>

Die Blider werden damit zwar vergrößert, ich kann aber nicht zwischen beiden hin- und herklicken.
Kann mir da bitte jemand weiterhelfen.

VG

#2

Hi,

es gibt nicht DIE Lightbox, also was genau benutzt du? Deinem Quelltext nach scheint es das zu sein:
http://lokeshdhakar.com/projects/lightbox2/

Hast du alles gemacht, wie hier beschrieben?
http://lokeshdhakar.com/projects/lightbox2/#getting-started
Vermutlich nicht, sonst hätte es ja funktioniert, die Beispiele dort auf der Seite funktionieren auch. Also geh nochmal die Anleitung Schritt für Schritt durch. Wenn du irgendwo Verständnisschwierigkeiten hast, frag hier nochmal nach.

Gruß
Christa

#3

Erstmal vielen Dank für die schnelle Antwort. Ja, ich verwende die Lightbox2, wie du vermutest hast.
Habe alles Schritt für Schritt nach dem Tutorial gemacht und bin es auch nochmal durchgegangen. Das müsste so passen.
Habe jetzt nochmal eine andere Variante ausprobiert:

<a href="Ananas (1g).JPG" data-lightbox="Ananas (1g)" data-title="Ananaspflanze"> <img src="Ananas (1).jpg" alt="Ananaspflanze"></a>
<a href="Ananassamen (g).JPG" data-lightbox="Ananassamen (g)" data-title="Ananassamen"><img src="Ananassamen.JPG" alt="Ananassamen"> </a>
 <a href="Ananas (1g).JPG" data-lightbox="Ananas (1g)" data-title="Ananaspflanze"> <img src="Ananas (1).jpg" alt="Ananaspflanze"></a>
 <a href="Ananassamen (g).JPG" data-lightbox="Ananassamen (g)" data-title="Ananassamen"><img src="Ananassamen.JPG" alt="Ananassamen"></a>

D.h. ich habe abwechselnd Bild Pflanze, Bild Samen, Bild Pflanze und Bild Samen auf meiner Website abgebildet.
Dann ist es möglich, dass ich von Bild Pflanze1 zu Bild Pflanze2 im Diashow Modus wechseln kann.
Bzw. ich kann von Bild Samen1 nach Bild Samen2 wechseln.
Warum kann ich aber nicht z.B. von Bild Pflanze1 nach Bild Samen1 wechseln?

VG

#4

Ich bins nochmal…
Habe meinen Fehler gefunden.
Ich habe nicht das identische data-lightbox attibut verwendet.
Jetzt geht es.

VG

#5

Das hat jetzt nichts mit deinem Problem zu tun, aber entferne bitte die Klammern und das Leerzeichen in allen Dateinamen. Das macht nur Ärger, früher oder später.
Zum Problem:
Du sollst nicht den Quelltext der HTML-Datei angeben, sondern überprüfen, ob du alle Schritte wie dort beschrieben befolgt hast.
Hast du die CSS- und die JS-Datei in der HTML-Datei eingebunden? Stimmen die Pfade zu den Dateien?
Wird jQuery geladen?
usw. usf.