jQuery循環：自定義回調？

Question

這段代碼運行我的幻燈片，其中包含一系列圖像。在幻燈片的頂部，我有「y的圖像x」。是否可以添加與每個prev和next按鈕相關的回調？一個回調會將x加1並減去另一個。

因此，這是某種形式的分頁，我無法找到循環插件的開箱即用解決方案。

我明顯可以將自己的函數附加到#prev和#next，但即使沒有顯示其他圖像，計數仍會增加。我需要能夠檢測圖像是否被「滑動」以查看。

$('#prod_list').cycle({ 
    fx:  'scrollHorz', 
    prev: '#prev', 
    next: '#next', 
    timeout: 0 , 
    nowrap: 1,   
}); 

Answer 1

您不能使用Cycle Options中定義的prevNextClick選項嗎？

這需要在以下格式的函數：

function(isNext, zeroBasedSlideIndex, slideElement) 

也有其他幾個選項可以與分頁幫助。

• pagerAnchorBuilder
• allowPagerClickBubble
• pagerEvent
• pagerClick
• 尋呼機

Answer 2

結帳 「onBefore」 和 「onAfter」 的回調下在http://jquery.malsup.com/cycle/int2.html描述。查看頁面的源代碼，您會看到完整的示例。