mister-foto.eu - Foto Skripte

Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.

Thumbnail Liste

<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<a href="images/image-1.jpg" rel="lightbox[nikond3]" title="Nikon D3 - Bild 1">
<img src="images/image-1_thumb.png">
</a>

<a href="images/image-2.jpg" rel="lightbox[nikond3]" title="Nikon D3 - Bild 2">
<img src="images/image-2_thumb.png">
</a>

<a href="images/image-3.jpg" rel="lightbox[nikond3]" title="Nikon D3 - Bild 3">
<img src="images/image-3_thumb.png">
</a>

<a href="images/image-4.jpg" rel="lightbox[nikond3]" title="Nikon D3 - Bild 4">
<img src="images/image-4_thumb.png">
</a>

<a href="images/image-5.jpg" rel="lightbox[nikond3]" title="Nikon D3 - Bild 5">
<img src="images/image-5_thumb.png">
</a>

Einzelnes Thumbnail

<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<a href="images/image-1.jpg" rel="lightbox[nikond3]" title="Nikon D3 - Bild 1">
<img src="images/image-1_thumb.png">
</a>

Autor: Lokesh Dhakar

Website: huddletogether.com

Lizenz: CC