Слайдер фотографии, слайды которого реагируют на мышку

Слайдер с необычной концепцией и приятным эффектом у фотографий. Визуально состоит из пяти блоков картинок разной формы при передвижении мышкой с одного блока на другой происходит смена фотографии в блоке. Если же кликнуть в любом месте слайдера, то произойдет смена фотографий у всех пяти блоков

Слайдер фотографии, слайды которого реагируют на мышку

Слайдер использует библиотеку jQuery и плагин easing. Настройки в JavaScript позволяют изменять скорость анимации и направление

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

<div class="content">	
<div id="hs_container" class="hs_container">
<div class="hs_area hs_area1">
<img class="hs_visible" src="images/area1/1.jpg" alt=""/>
<img src="images/area1/2.jpg" alt=""/>
<img src="images/area1/3.jpg" alt=""/>
</div>
<div class="hs_area hs_area2">
<img class="hs_visible" src="images/area2/1.jpg" alt=""/>
<img src="images/area2/2.jpg" alt=""/>
<img src="images/area2/3.jpg" alt=""/>
</div>
<div class="hs_area hs_area3">
<img class="hs_visible" src="images/area3/1.jpg" alt=""/>
<img src="images/area3/2.jpg" alt=""/>
<img src="images/area3/3.jpg" alt=""/>
</div>
<div class="hs_area hs_area4">
<img class="hs_visible" src="images/area4/1.jpg" alt=""/>
<img src="images/area4/2.jpg" alt=""/>
<img src="images/area4/3.jpg" alt=""/>
</div>
<div class="hs_area hs_area5">
<img class="hs_visible" src="images/area5/1.jpg" alt=""/>
<img src="images/area5/2.jpg" alt=""/>
<img src="images/area5/3.jpg" alt=""/>
</div>
</div>
</div>

Недостатки данного слайдера в отсутствии автоматический смены слайдов и возможности перехода при клике на внутренние страницы