jQuery週期尋呼機

我得到了這個尋呼機的工作：http://jquery.malsup.com/cycle/pager6.html 但是如果我在一頁上有多個幻燈片並且我不想使用尋呼機的ID。但使用類X的最近元素作爲尋呼機。jQuery週期尋呼機

可以這樣做嗎？

這是我當前的代碼：

$(document).ready(function() 
{ 
    $('.photoGallerySlideshowAlbum').cycle(
    { 
     fx: 'fade', 
     pager: '#photoGallerySlideshowPager', 
     activePagerClass: 'selected', 
     pagerAnchorBuilder: function(idx, slide) 
     { 
      return '#photoGallerySlideshowPager li:eq(' + idx + ') a'; 
     }, 
     after: function(currentImage, nextImage, options) 
     { 
      var captions = $(this).parent().parent().find('.photoGallerySlideshowCaptions').children().hide(); 
      var caption = $(captions[options.currSlide]); 
      caption.show(); 
     } 
    }); 
});

我做到了現在這個樣子：

$(document).ready(function() 
{ 
    $('.photoGallerySlideshowAlbum').each(function(index, value) 
    { 
     var elPager = $(this).parent().find('.photoGallerySlideshowPager'); 

     $($(this)).cycle(
     { 
      fx: 'fade', 
      pager: elPager, 
      activePagerClass: 'selected', 
      pagerAnchorBuilder: function(idx, slide) 
      { 
       return 'li:eq(' + idx + ') a'; 
      }, 
      after: function(currentImage, nextImage, options) 
      { 
       var captions = $(this).parent().parent().find('.photoGallerySlideshowCaptions').children().hide(); 
       var caption = $(captions[options.currSlide]); 
       caption.show(); 
      } 
     }); 
    }); 
});

但我不知道如何改變pagerAnchorBuilder。我的html看起來像這樣（不能改變）。

<div class="photoGallerySlideshowPager"> 
        <ul> 
<li><a href="#">a</a></li> 
<li><a href="#">b</a></li> 
<li><a href="#">c</a></li> 
        </ul> 
       </div>

來源

2012-01-06 Frederik Heyninck

我我不確定我會問你的問題。你想要多個幻燈片，對嗎？你不能在這裏創造另一個嗎？我錯過了什麼嗎？你是什麼意思，你不想使用傳呼機的ID？ – rgin 2012-01-06 09:39:41

jQuery循環的pager屬性爲演示中的元素提供了一個id，他希望傳遞與正在初始化的當前滑塊相關的內容。 – Vigrond 2012-01-06 09:43:32

在jQuery的週期裁判它指出：

pager:   null, // element, jQuery object, or jQuery selector string for the element to use as pager container

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

所以，你應該能夠jQuery對象傳遞給這個屬性，像這樣：

pager: $(this).closest('.nav')

來源

2012-01-06 09:47:12 Vigrond

jQuery週期尋呼機

回答

相關問題