Testa Lightbox2 Kolla Karolinas
Ladda ner filen lightbox2.04.zip till lämplig mapp, i din Site-mapp, ex. projekt.
Dubbelklicka på filen, döp om mappen lightbox2.04 till lightbox.
Öppna en ny sida i Dreamweaver, spara som lightbox.html i mappen lightbox.
Kopiera och klistra in dessa rader mellan </title>och </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>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
Klistra in nedanstående efter <body>
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image 1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image 2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image 3</a>
Du kangöra fler 4,5,6 eller fler om du vill
Lägg nu in bilder i mappen lightbox/images , dom skall heta image-1.jpg osv.
Sedan kan du göra tumnaglar av bildera om du vill.
Byt ut texten image 1, mot <img src="images/tumme-1.jpg"> osv.
Lycka till!