0

jquery サイクル プラグインのカスタマイズに苦労しています。私が欲しいのは、スライダーが最後のスライドに到達すると、最初のスライドへのスライドが停止することです。これは正常に機能しています。

しかし、問題は、最初のスライドで 3 番目のスライドをクリックすると、そこで終了せず、最初のスライドに戻ることです。

私の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