Слайдер картинок TinySlideshow

Слайдер картинок TinySlideshow особенность которого в отсутствии jQuery для работы, размер JavaScript всего 5 килобайт на все про все! К каждому слайду можно задавать заголовок и всплывающий текст, а так же под слайдом есть прокручиваемый блок миниатюр. У скрипта имеются настройки скорость анимации, прозрачность и другие. Подробней об этом на странице автора и в коде демо

Слайдер картинок TinySlideshow

Подключение картинок происходит списком UL

<ul id="slideshow">
<li>
<h3>TinySlideshow картинка 1</h3>
<span>photos/orange-fish.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna.</p>
<a href="#"><img src="thumbnails/orange-fish-thumb.jpg" alt="Orange Fish"></a>
</li>
<li>
<h3>Sea Turtle</h3>
<span>photos/sea-turtle.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna.</p>
<img src="thumbnails/sea-turtle-thumb.jpg" alt="Sea Turtle">
</li>
</ul>

JS и HTML контейнер

<script type="text/javascript" src="compressed.js"></script>

<div id="wrapper">
<div id="fullsize">
<div id="imgprev" class="imgnav" title="Previous Image"></div>
<div id="imglink"></div>
<div id="imgnext" class="imgnav" title="Next Image"></div>
<div id="image"></div>
<div id="information">
<h3></h3>
<p></p>
</div>
</div>
<div id="thumbnails">
<div id="slideleft" title="Slide Left"></div>
<div id="slidearea">
<div id="slider"></div>
</div>
<div id="slideright" title="Slide Right"></div>
</div>
</div>