使用cycle.js循环元素后的触发事件

Question

我正在使用cycle.js进行一些图片之间的基本过渡：

$(document).ready(function() {
    var first;
    var $slider = $(".trauringe");
    $slider.cycle({
    timeout: 8000,
    next:   '#next', 
    prev:   '#prev' });
 });

我想做的是，当元素“循环”到下一个元素时，触发一个事件。表示淡入下一张图片的时间。

任何帮助都非常感谢！

问候

Answer 1

$('#s5').cycle({ 
fx:     'scrollLeft', 
timeout: 5000, 
before:  onBefore, 
after:   onAfter 
});


 function onBefore() { 
 $('#output').html("Scrolling image:<br>" + this.src); 
 } 
  function onAfter() { 
   $('#output').html("Scroll complete for:<br>" + this.src) 
      .append('<h3>' + this.alt + '</h3>'); 
  }

下面是一个来自FIDDLE的工作示例

快乐编码:)

Answer 2

您可以使用之前/之后。

例如,

$('#slide_cont').cycle({ 
    fx:     'scrollLeft', 
    before:  onBefore, 
    after:   onAfter 
 });
function onBefore() { 
    $('#output').html("Scrolling image:<br>" + this.src); 
} 
function onAfter() { 
    $('#output').html("Scroll complete for:<br>" + this.src).append(this.alt); 
}