Hallo,
ich habe folgendes Problem, ich muss für mein Studium eine HTML/CSS3 Website schreiben und dies soll dann mein Portfolio sein. Wir haben verschiedene Wochenaufgaben die alle unterschiedlich viele Unteraufgaben besitzen. Ich habe nun Thumbnails erstellt und wollte mit Lightbox pro Wochenaufgabe eine gemeinsame Gallery erstellen damit man Vorwärts und Rückwärts blättern kann. Ich bekomme es einfach nicht zum laufen und hab schon alles mögliche probiert.
<link rel="stylesheet" href="style.css" type="text/css">
<link href="lightbox2-master/dist/css/lightbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="lightbox2-master/dist/js/lightbox-plus-jquery.js"></script>
<script type="text/javascript" src="lightbox2-master/dist/js/lightbox.js"></script>
und dann mit den Images
<li>
<a href="player01.jpg" rel="lightbox" data-lightbox="image-1">
<img src="player01th.gif"alt="" width="250" height="250" class="gallery" >
<span class="pictext"><span>Aufgabe 1</span></span>
</a>
</li>
und diese Variante
<li>
<a class="example-image-link" href="player01.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward.">
<img class="example-image" src="player01th.gif"alt="" width="250" height="250" class="gallery" >
<span class="pictext"><span>Aufgabe 1</span></span>
Die Bilder sind verlinkt weil beim klicken des Thumbnails wird ein neues Browser Fenster geöffnet aber nicht das Lightbox fenster.
Ich habe die Lightbox2-Master version benutzt
Danke schon einmal für die Hilfe und ich hoffe ich hab an alles gedacht
Lg Yasmin
ich habe folgendes Problem, ich muss für mein Studium eine HTML/CSS3 Website schreiben und dies soll dann mein Portfolio sein. Wir haben verschiedene Wochenaufgaben die alle unterschiedlich viele Unteraufgaben besitzen. Ich habe nun Thumbnails erstellt und wollte mit Lightbox pro Wochenaufgabe eine gemeinsame Gallery erstellen damit man Vorwärts und Rückwärts blättern kann. Ich bekomme es einfach nicht zum laufen und hab schon alles mögliche probiert.
<link rel="stylesheet" href="style.css" type="text/css">
<link href="lightbox2-master/dist/css/lightbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="lightbox2-master/dist/js/lightbox-plus-jquery.js"></script>
<script type="text/javascript" src="lightbox2-master/dist/js/lightbox.js"></script>
und dann mit den Images
<li>
<a href="player01.jpg" rel="lightbox" data-lightbox="image-1">
<img src="player01th.gif"alt="" width="250" height="250" class="gallery" >
<span class="pictext"><span>Aufgabe 1</span></span>
</a>
</li>
und diese Variante
<li>
<a class="example-image-link" href="player01.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward.">
<img class="example-image" src="player01th.gif"alt="" width="250" height="250" class="gallery" >
<span class="pictext"><span>Aufgabe 1</span></span>
Die Bilder sind verlinkt weil beim klicken des Thumbnails wird ein neues Browser Fenster geöffnet aber nicht das Lightbox fenster.
Ich habe die Lightbox2-Master version benutzt
Danke schon einmal für die Hilfe und ich hoffe ich hab an alles gedacht
Lg Yasmin