mister-foto.eu - Foto Skripte

Using mootools v1.11, this javascript gallery and slideshow system allows you to have simple and smooth (cross-fading...) image galleries, slideshows, showcases and other cool stuff on your website...

Nikon D3

Bild 1

Nikon D3

Bild 2

Nikon D3

Bild 3

Nikon D3

Bild 4

Nikon D3

Bild 5

Nikon D3

Bild 6

Nikon D3

Bild 7

<script src="mootools.v1.11.js" type="text/javascript"></script>
<script src="jd.gallery.js" type="text/javascript"></script>

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

<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: false,
delay: 5000,
showArrows: true,
showCarousel: true,
textShowCarousel: 'Bilder',
embedLinks: false
});
}
window.addEvent('domready', startGallery);
</script>

<div id="myGallery">
<div class="imageElement">
<h3>Nikon D3</h3>
<p>Bild 1</p>
<img src="bild001.png" class="full" />
<img src="bild001_thumb.png" class="thumbnail" />
</div>

<div class="imageElement">
<h3>Nikon D3</h3>
<p>Bild 2</p>
<img src="bild002.png" class="full" />
<img src="bild002_thumb.png" class="thumbnail" />
</div>

<div class="imageElement">
<h3>Nikon D3</h3>
<p>Bild 3</p>
<img src="bild003.png" class="full" />
<img src="bild003_thumb.png" class="thumbnail" />
</div>

<div class="imageElement">
<h3>Nikon D3</h3>
<p>Bild 4</p>
<img src="bild004.png" class="full" />
<img src="bild004_thumb.png" class="thumbnail" />
</div>

<div class="imageElement">
<h3>Nikon D3</h3>
<p>Bild 5</p>
<img src="bild005.png" class="full" />
<img src="bild005_thumb.png" class="thumbnail" />
</div>

<div class="imageElement">
<h3>Nikon D3</h3>
<p>Bild 6</p>
<img src="bild006.png" class="full" />
<img src="bild006_thumb.png" class="thumbnail" />
</div>

<div class="imageElement">
<h3>Nikon D3</h3>
<p>Bild 7</p>
<img src="bild007.png" class="full" />
<img src="bild007_thumb.png" class="thumbnail" />
</div>
</div>

Autor: Jonathan Schemoul

Website, Download und Installationsanleitung: smoothgallery.jondesign.net

Lizenz: GPL