JavaScript - Image Box Gallery

Dieses JavaScript erzeugt eine kleine Image Gallery. Es ist möglich ein Image anzuwählen oder per Slideshow anzuzeigen. Eine kleine feine Image Gallery für wenige Bilder.
Autor: unbekannt

Demo (mit der Maus auf Section eins, zwei oder drei klicken oder per Slideshow anzeigen) :

Image Gallery - One | Two | Three - Slideshow | Cancel

JavaScript - Image Box Gallery

Sectionen im Text erzeugen :
<h2>Image Gallery - <span class="link" onmousedown="slideContent('imgsection-1')">One</span> | <span class="link" onmousedown="slideContent('imgsection-2')">Two</span> | <span class="link" onmousedown="slideContent('imgsection-3')">Three</span> - <span class="link" onmousedown="autoScroll('imgslider','imgsection',3,true)">Slideshow</span> | <span class="link" onmousedown="cancelAutoScroll('imgslider')">Cancel</span></h2>
<div class="slider">
<div class="slidercontent" id="imgslider">
<div id="imgsection-1" class="section upper">
<img src="Bild4.jpg" width="476" height="205" alt="" />
</div>
<div id="imgsection-2" class="section upper">
<img src="Bild2.jpg" width="476" height="205" alt="" />
</div>
<div id="imgsection-3" class="section">
<img src="Bild3.jpg" width="476" height="205" alt="" />
</div>
</div>
</div>

CSS Datei

JavaScript

JavaScript Archiv Bookmark