Jquery Cycle: велосипедная галерея, миниатюры и подписи? - PullRequest
Новая
       3

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

2 голосов
/ 27 июля 2011

Я использую плагин Malsup's 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).Кто-нибудь знает, как это сделать?

Ответы [ 2 ]

2 голосов
/ 27 июля 2011

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

Строка, о которой идет речь: 

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

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

1 голос
/ 27 июля 2011

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

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

$(this).attr('alt')

не проверено, но должно выполнить работу.

...