0

我正在努力定制 jquery 循环插件。我想要的是当滑块到达最后一张幻灯片时，它将再次停止滑动到第一张幻灯片。这工作正常。

但问题是，当我在第一张幻灯片上然后单击第三张幻灯片时，它并没有在那里结束，而是回到第一张幻灯片。

我的 jquery 代码在这里：

jQuery(document).ready(function($) {  

     $('.slider1 ul.horizontal').cycle({
        fx:     'scrollHorz',
        speed:  500,
        pause:                  1,
        pauseOnPagerHover: true,
        width: "100%",
        easeOut: 'easeOutBack',
        cleartypeNoBg: true,
        pager: 'ul.pager',  
        autostop: 2,
        autostopCount:3,
        startingSlide: 0,
        after:   onAfter,        
        pagerAnchorBuilder: function(idx, slide) {
              return '<li><a href="#"></a></li>';
        }

    });

     function onAfter()
     {


         if ($('.slider_content').css('display') == 'block') 
        {       
             if ($('li#lastslide').css('display') == 'block') { 
                 $('.slider1 ul.horizontal').cycle('pause');         
                  $('.controlbutton').stop().fadeIn(500);                
             }
             else
             {
                 if($('.question_slide').css('right') != '0px')
                 {
                     $('.controlbutton').fadeOut(100);
                 }          
             } 
        } 


     }
});

我认为应该有一些分页点击事件。我已经检查了插件选项参考页面，但不明白如何告诉插件这是最后一张幻灯片，不要回到第一张幻灯片。

请有任何想法。提前致谢。

4

0 回答 0