mister-foto.eu - Foto Skripte

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

Einzelnes Thumbnail

<script type="text/javascript" src="jquery-latest.js"></script>
<script type="text/javascript" src="thickbox.js"></script>

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

<style type="text/css" media="all">
@import "thickbox.css";
</style>

<a href="bild001.png" title="Nikon D3 - Bild 1" class="thickbox">
<img src="bild001_thumb.png" alt="Single Image"/>
</a>

Thumbnail Liste

<script type="text/javascript" src="jquery-latest.js"></script>
<script type="text/javascript" src="thickbox.js"></script>

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

<style type="text/css" media="all">
@import "thickbox.css";
</style>

<a href="bild001.png" title="Nikon D3 - Bild 1" class="thickbox" rel="nikond3">
<img src="bild001_thumb.png" alt="Bild 1"/>
</a>

<a href="bild002.png" title="Nikon D3 - Bild 2" class="thickbox" rel="nikond3">
<img src="bild002_thumb.png" alt="Bild 2"/>
</a>

<a href="bild003.png" title="Nikon D3 - Bild 3" class="thickbox" rel="nikond3">
<img src="bild003_thumb.png" alt="Bild 3"/>
</a>

<a href="bild004.png" title="Nikon D3 - Bild 4" class="thickbox" rel="nikond3">
<img src="bild004_thumb.png" alt="Bild 4"/>
</a>

<a href="bild005.png" title="Nikon D3 - Bild 5" class="thickbox" rel="nikond3">
<img src="bild005_thumb.png" alt="Bild 5"/>
</a>

Autor: Cody Lindley

Website, Download und Installationsanleitung: jquery.com/demo/thickbox/

Lizenz: MIT / GPL