Herbstzeitlose
Neues Mitglied
Hallo.
Ich will die Lightbox 2 nutzen: Lightbox 2 um Photoserien zu zeigen.
Bei einer Serie klappt es auch Prima. Nun möchte ich aber mehrere Serien. Das Problem dabei ist, dass die Bilder der zweiten Serie aber auch bei der ersten mit zu sehen sind und umgekehrt... könnt ihr mir folgen?
Ich muß glaube ich irgendwie schreiben, dass das Script hier beendet ist und hier ein Neues beginnt.
Der Code für eine Serie sieht so aus:
<html>
<head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
</head>
<body>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<a href="images/akt1.jpg" rel="lightbox[roadtrip]">Akt</a>
<a href="images/akt2.jpg" rel="lightbox[roadtrip]"></a>
<a href="images/akt3.jpg" rel="lightbox[roadtrip]"></a>
<a href="images/akt4.jpg" rel="lightbox[roadtrip]"></a>
<a href="images/akt5.jpg" rel="lightbox[roadtrip]"></a>
<a href="images/akt6.jpg" rel="lightbox[roadtrip]"></a>
<a href="images/akt7.jpg" rel="lightbox[roadtrip]"></a>
<a href="images/akt8.jpg" rel="lightbox[roadtrip]"></a>
</body>
</html>
Ich will die Lightbox 2 nutzen: Lightbox 2 um Photoserien zu zeigen.
Bei einer Serie klappt es auch Prima. Nun möchte ich aber mehrere Serien. Das Problem dabei ist, dass die Bilder der zweiten Serie aber auch bei der ersten mit zu sehen sind und umgekehrt... könnt ihr mir folgen?
Ich muß glaube ich irgendwie schreiben, dass das Script hier beendet ist und hier ein Neues beginnt.
Der Code für eine Serie sieht so aus:
<html>
<head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
</head>
<body>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<a href="images/akt1.jpg" rel="lightbox[roadtrip]">Akt</a>
<a href="images/akt2.jpg" rel="lightbox[roadtrip]"></a>
<a href="images/akt3.jpg" rel="lightbox[roadtrip]"></a>
<a href="images/akt4.jpg" rel="lightbox[roadtrip]"></a>
<a href="images/akt5.jpg" rel="lightbox[roadtrip]"></a>
<a href="images/akt6.jpg" rel="lightbox[roadtrip]"></a>
<a href="images/akt7.jpg" rel="lightbox[roadtrip]"></a>
<a href="images/akt8.jpg" rel="lightbox[roadtrip]"></a>
</body>
</html>
