Есть html код:
Код:
<a href="http://url1.com"><img src="http://url.com/img1.jpg" rel="http://url.com/img1.jpg,http://url.com/img2.jpg,http://url.com/img3.jpg,http://url.com/img4.jpg,http://url.com/img5.jpg,http://url.com/img6.jpg" class="attachment-thumbnail hoverZoomLink" alt="" width="150" height="200" title=""></a>
<a href="http://url2.com"><img src="http://url2.com/img1.jpg" rel="http://url2.com/img1.jpg,http://url2.com/img2.jpg" class="attachment-thumbnail hoverZoomLink" alt="" width="150" height="200" title=""></a>
Есть подключенная jquery.
Нужно чтобы при наведении на тумбу было как на
http://www.porntube.com/ - появлялся внизу бар с визуальным отображением перемещения между тумбами посредством проведения по ним мышкой. Тумбы берутся из rel="".
Важно: тумб может быть и одна, и десять. Поэтому бар должен быть динамичным для каждой тумбы, и смотреться гармонично.
Таких тумб на странице может быть до 100 штук, поэтому нужно чтобы код был чистый, без дырявых циклов.
Кто сможет сделать такое, и почем?
Небольшой скрипт на jQuery
ТС
Линейный вид
