火災事件循環與cycle.js

即時通訊使用的cycle.js一些圖片之間的一些基本的轉變：火災事件循環與cycle.js

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

我想要做的是，當元素「循環」到時觸發事件下一個。意味着當下一張照片褪色。

任何幫助非常感謝！

greets

來源

2013-06-06 supersize

http://jquery.malsup.com/cycle/options.html – Dom

你可以在循環函數調用中使用bfore選項，比如'before：onBefore，'。然後爲它創建一個回調函數，函數onBefore（）{（'＃output'）。html（「滾動圖像：
」+ this.src）; }' – dreamweiver

嗨supersize，兩者都是同一種答案。我比其他人回答得多。我不確定，爲什麼你接受了其他人。謝謝， – sathish

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

編碼快樂:)工作的例子

來源

2013-06-06 09:45:45 dreamweiver

太棒了！謝謝！ – supersize

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

例如，

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

來源

2013-06-06 09:38:27 sathish

非常感謝你！我應該有更多的參考。 – supersize

火災事件循環與cycle.js

回答

相關問題