mister-foto.eu - Foto Skripte

jQuery lightbox clone

Einzelnes Thumbnail

<script src="js/jquery-1.2.6.js" type="text/javascript" charset="utf-8"></script>

<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />

<script src="js/prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

<a href="bild001.png" rel="prettyPhoto" title="Nikon D3">
<img src="bild001_thumb.png" alt="Nikon D3" />
</a>

Thumbnail Liste

<script src="js/jquery-1.2.6.js" type="text/javascript" charset="utf-8"></script>

<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" >

<script src="js/prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

<a href="bild001.png" rel="prettyPhoto[nikond3]" title="Nikon D3">
<img src="bild001_thumb.png" alt="Nikon D3 - Bild 1" width="100" />
</a>

<a href="bild002.png" rel="prettyPhoto[nikond3]" title="Nikon D3">
<img src="bild001_thumb.png" alt="Nikon D3 - Bild 2" width="100" />
</a>

<a href="bild003.png" rel="prettyPhoto[nikond3]" title="Nikon D3">
<img src="bild001_thumb.png" alt="Nikon D3 - Bild 3" width="100" />
</a>

<a href="bild004.png" rel="prettyPhoto[nikond3]" title="Nikon D3">
<img src="bild001_thumb.png" alt="Nikon D3 - Bild 4" width="100" />
</a>

<a href="bild005.png" rel="prettyPhoto[nikond3]" title="Nikon D3">
<img src="bild001_thumb.png" alt="Nikon D3 - Bild 5" width="100" />
</a>

Autor: Stéphane Caron

Website, Download und Installationsanleitung: no-margin-for-errors.com/projects/prettyPhoto/

Lizenz: CC