JQuery цикл продвижения пейджер - как вызвать разные миниатюры изображения источника? - PullRequest
Новая
       45

JQuery цикл продвижения пейджер - как вызвать разные миниатюры изображения источника?

0 голосов
/ 14 августа 2011

Я использую следующую разметку, чтобы настроить слайд-шоу моего цикла jquery.Тем не менее, я хотел бы выяснить, как реализовать эскизы с другим src изображения.Если мое увеличенное изображение src - это image-file-name.jpg, как я могу вызвать миниатюры с помощью src th-image-file-name.jpg?

    <script type="text/javascript">
$(document).ready(function() {
$('#s2').cycle({ 
fx:     'fade', 
speed:  'slow', 
timeout: 0, 
next:   '#next', 
prev:   '#prev', 
pager:  '#thumbs',
after: onAfter,

// callback fn that creates a thumbnail to use as pager anchor 
pagerAnchorBuilder: function(idx, slide) { 
return '<li><a href="#"><img src="' + jQuery(slide).find('img').attr('src') + '" width="140" height="140" /></a></li>'; }

 });


 function onAfter(curr, next, opts, fwd) {
 var index = opts.currSlide;
 //$('#prev')[index == 0 ? 'hide' : 'show']();
 //$('#next')[index == opts.slideCount - 1 ? 'hide' : 'show']();
//get the height of the current slide
var $ht = $(this).height();
//set the container's height to that of the current slide
$(this).parent().animate({height: $ht});
}
});
    </script>

1 Ответ

0 голосов
/ 08 января 2012

Я считаю, что этот учебник поможет вам достичь того, что вы ищете: Учебник

Вот демо: Демо

...