|
Hallo ihr Lieben,
ich hab mich jetzt dafür entschieden die Lightbox 2 zu nehmen Version 2.51.
Bei den Bildern ist es jetzt so das ich für die Thumbs z.b. die Bildbezeichnungen
Thumb1, Thumb2, Thumb3, Thumb4 usw. habe
Bei den großen Bildern z.b.
image1, image2, image3, image4
Wenn ich das nicht nummeriere mit 1 bis 4 usw. wird immer das letzte Bild angezeigt egal auf welches Thumb ich klicke
In der Webseite hab ich Bilder von Maskenbildnerei, Schmuck und Studio.
Kann mir mal jemand von euch bitte eine Meinung sagen wie ich das am günstigsten benenne?
Image 1 bis XX ist mir zu unaussagekräftig.
Aber ich befürchte wenn ich zum Beispiel schreibe
Masken1,2,3 usw für Maskenbildnereibilder
dann Schmuck4, Schmuck 5, Schmuck6 für Schmuckbilder
und Studio7, Studio8, Studio9 für Studiobilder
dann geht das in der Lightbox sicher wieder durcheinander.
Wie habt ihr das denn gemacht wenn ihr viele Bilder zu verschiedenen Theman habt?
*******************************************
Das ist der Code von meiner HTML Galerie Seite (im Moment noch ganz ohne Formatierung via CSS, ich habs nur auf Funktionalität getestet):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
<head>
<title>Lightbox JS v2.0 | Test Seite</title>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />
</head>
<body>
<a href="images/examples/testimage1.jpg" rel="lightbox[plants]" title="Nummer1."><img src="images/examples/mythumb1.jpg" alt="Plants: image 1 0f 4 thumb" /></a>
<a href="images/examples/testimage2.jpg" rel="lightbox[plants]" title="Nummer2."><img src="images/examples/mythumb2.jpg" alt="Plants: image 2 0f 4 thumb" /></a>
<a href="images/examples/testimage3.jpg" rel="lightbox[plants]" title="Nummer3."><img src="images/examples/mythumb3.jpg" alt="Plants: image 3 0f 4 thumb" /></a>
<a href="images/examples/testimage4.jpg" rel="lightbox[plants]" title="Nummer4."><img src="images/examples/mythumb4.jpg" alt="Plants: image 4 0f 4 thumb" /></a>
</body>
</html>
LG Christin
|