jquery滑塊插件建議 - 需要1個滑塊淡入並觸發另一個滑動

我期待在頁面頂部有1個大圖像滑塊，下面有4個相關的較小圖像。當頂部圖像改變（通過淡入淡出效果）時，我希望底部4像傳送帶一樣移動到下一個4.大圖像沒有導航，但點擊下一個按鈕傳送帶應該在大的幻燈片中觸發更改。所以，我想知道是否有一個滑塊插件，讓我有2個滑塊/不同的效果，但保持同步。jquery滑塊插件建議 - 需要1個滑塊淡入並觸發另一個滑動

一些滑塊我已經看過： NIVO - 「之前」和「變更後」的回調，但沒有外部控制任何滑塊 - 外部控制，但沒有「上滑變」回調軌道滑塊 - 「改變後'回調，但沒有外部控制

通過外部控制我不是指插件生成的導航按鈕....我的意思是能夠將一個事件（可能是點擊）綁定到一個隨機元素來推進滑塊移動到下一張幻燈片。

有什麼建議嗎？

來源

2012-02-28 helgatheviking

我並不完全確定保持同步，但jQuery cycle plugin可能會讓你在那裏。它非常強大，有很多效果和回調函數（例如之前，之後）。它也允許您附加導航到鏈接，或創建分頁鏈接以及。

至於保持同步，我認爲你必須嚴重依賴交互時的回調函數。這將會是很容易得到的對圖像集上載一起旋轉：

$('#big_image_div, #little_images_ul').cycle({ 
    //options go here 
});

你也可以分裂週期聲明瞭：

$('#big_image_div').cycle({ 
    //options go here 
}); 

$('#little_images_ul').cycle({ 
    //similar options go here 
});

如果你想看到所有的options, go here 。

如果您需要它們同步，請確保timeout選項匹配。你將不得不擺弄選項和回調函數來獲得你想要的確切效果。

這不是一個完整的答案，但它應該讓你朝着正確的方向前進。

來源

2012-02-28 16:13:00 chipcullen

是的，它非常。謝謝！循環看起來最終可能是解決方案。 – helgatheviking 2012-02-28 17:52:34

此外，我沒有看到一個onChange回調...之前和之後。我不想念我嗎？（意味着在轉換過程中觸發的回調？） – helgatheviking 2012-02-28 18:43:57

我不確定它是否確實如此 - 我不知道它是否以這種方式構建。如果你像setTimeout這樣的東西混淆了，你可以使一個before函數*看起來像*在轉換過程中被觸發。 – chipcullen 2012-02-28 19:11:02

jquery滑塊插件建議 - 需要1個滑塊淡入並觸發另一個滑動

回答

相關問題