Jquery Миниатюра Пейджер с подписями?
Я знаю, что для этого должно быть простое решение!
http://procollage.com/site10/wall-of-fame/favs-cycle.html
У меня есть миниатюрный пейджер, я просто хочу, чтобы на каждом слайде было описание под большой фотографией. Это можно сделать, верно? Помогите, пожалуйста?!
2 ответа
Решение
<script type="text/javascript">
$(function() {
$('#slideshow').before('<ul id="nav">').cycle({
fx: 'fade',
speed: 'slow',
timeout: 0,
pager: '#nav',
pagerAnchorBuilder: function(idx, slide) {
var src = $('img',slide).attr('src');
return '<li><a href="#"><img src="' + src + '" width="50" height="50" /></a></li>';
}
});
});
</script>
Я бы предложил вам создать список ссылок. Каждая ссылка соответствует панели ниже. Панели абсолютно расположены друг над другом. Когда вы нажимаете на ссылку, она исчезает со всех несоответствующих панелей и показывает свои собственные.
Пример: http://jsbin.com/ubebo/2/edit