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

Question

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

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

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

非常感谢任何帮助！

打招呼

Answer 1

您可以在之前/之后使用。

例如，

$('#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); 
}

Answer 2

$('#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的一个工作示例

快乐编码:)