JQuery Cycle: велосипедная галерея, миниатюры и подписи?

Я использую плагин Malsup cycle () JQuery и пытаюсь заставить его отображать как изображение в галерее, так и список миниатюр и подпись под каждым миниатюрным изображением. У меня есть следующий код:

<div id="slideshow">
    <ul>
    <li style="background-image:url(img/jack.jpg);"><a href="#"><img src="img/jack-title.png" alt="Visit Jack"/></a></li>
    <li style="background-image:url(img/jill.jpg);"><a href="#"><img src="img/jill-mysteries.png" alt="Visit Jill"/></a></li>
    <li style="background-image:url(img/jenn.jpg);"><a href="#"><img src="img/jenn-title.png" alt="Visit Jenn"/></a></li>
    </ul>
</div>

<div id="nav"></div>

<script type="text/javascript">
$("#slideshow ul").cycle({
    pager:'#nav',
    pagerAnchorBuilder: function(idx,slide){return '<a href=""><img src="tn_'+idx+'.jp" width="50" height="50"/><br/></a>';
    }
    });
</script>

Все это работает нормально, за исключением того факта, что я не могу получить доступ к атрибуту ALT на каждом из изображений цикла. Я хотел бы использовать это для создания заголовка (который будет добавлен после переноса строки BR в pagerAnchorBuilder). Кто-нибудь знает, как это сделать?


jquery cycle
person Slater    schedule 27.07.2011    source источник

Ответы (2)


arrow_upward
2
arrow_downward

см. эту скрипку: http://jsfiddle.net/bwwcq/ (без изображений, конечно)

рассматриваемая строка:

var alt = $('img', slide).attr('alt');

люблю этот плагин, кстати.

person schellmax    schedule 27.07.2011
comment
Круто, вот и все! Данке, Шеллмакс! :) - person Slater; 27.07.2011

arrow_upward
1
arrow_downward

http://jquery.malsup.com/cycle/int2.html

Обратные вызовы Обратные вызовы до и после поддерживаются для каждого перехода между слайдами. В контексте вашего метода обратного вызова this - это элемент, в который выполняется переход.

$(this).attr('alt')

непроверенный, но должен выполнять свою работу.

person bstakes    schedule 27.07.2011
comment
Спасибо bstakes, но я не уверен, поможет ли это в моем случае. Мне нужно, чтобы эскизы отображались с подписями постоянно, а не до / после любого перехода. - person Slater; 27.07.2011