Слайдер фотографий Sweet Thumbnails

Отличительной особенностью слайдера Sweet Thumbnails является показ миниатюры при наведении на точку под фотографией. Точки это навигация по слайдам. Так же для навигации справа и слева от фотографии есть стрелочки. Хорошо смотрятся переходы разных по ширине картинок.

Слайдер использует jQuery 1.4.4 и html5. Из возможных минусов можно отметить отсутствие авто переключение слайдов и подписей к фотографиям

Структура html кода без JavaScript

<link rel="stylesheet" type="text/css" href="css/style.css" />

<div id="loader" class="loader"></div>
<div class="wrapper">
<div id="ps_container" class="ps_container">
<div class="ps_image_wrapper">
<img src="images/1.jpg" alt="" />
</div>
<div class="ps_next"></div>
<div class="ps_prev"></div>
<ul class="ps_nav">
<li class="selected"><a href="images/1.jpg" rel="images/thumbs/1-1.jpg">Image 1</a></li>
<li><a href="images/2.jpg" rel="images/thumbs/2-2.jpg">Image 2</a></li>
<li><a href="images/3.jpg" rel="images/thumbs/3-3.jpg">Image 3</a></li>
<li><a href="images/4.jpg" rel="images/thumbs/4-4.jpg">Image 4</a></li>
<li><a href="images/5.jpg" rel="images/thumbs/5-5.jpg">Image 5</a></li>
<li class="ps_preview">
<div class="ps_preview_wrapper"></div>
<span></span>
</li>
</ul>
</div>
</div>