1

元のコードはそれを使用します：すべての画像がサイクルで表示されると、ループが再開する前に一時停止したいと思います。だから私は SetTimeout でこれを試してみましたが、私は良いコードを使用していないと思います。

私の元のコード、正常に動作します:

$(document).ready(function() {
 $('.slideshow1').cycle({ 
  fx:     'none', 
  timeout: 100
  });
 });

追加したいこと:

$(document).ready(function() {
setTimeout(function()
 {
  $('.slideshow1').cycle({ 
  fx:     'none', 
  timeout: 100
  }, 5000);
 });
});
4

1 に答える 1

0

timeoutFnオプションを使用して、最後のスライドにカスタム タイムアウトを提供したいと思います。オプションのリファレンスページから:

timeoutFn:     null,  // callback for determining per-slide timeout value: 
                      // function(currSlideElement, nextSlideElement, 
                      // options, forwardFlag)

currSlideElement最後の要素に何がおよび/またはなるかを把握するには、少し実験する必要がありnextSlideElementます。最後のスライドが表示された場合は、より長いタイムアウトを返します。

アップデート

user2440625 によって書かれた作業コードは次のとおりです。

$(document).ready(function() {
    $('.slideshow1').cycle({ 
    fx: 'none', 
    timeout: 100,
    timeoutFn : calculateTimeout
    });
}); 

function calculateTimeout(currElement, nextElement, opts, isForward) { 
    var index = opts.currSlide;
    if  (index==8){ // position last image.
        return 5000; 
    }
    return false;
}
于 2013-05-31T13:56:47.127 に答える