jQuery點擊驅動幻燈片（循環插件）

這似乎是一個非常基本的問題，因爲我不熟悉jQuery，但是我在實現jQuery循環插件時遇到了一些麻煩。我發現了代號爲一首/下一關的Jquery Cycle插件頁面：jQuery Cycle Plugin - Intermediate Demos (Part 2)（上一頁/下一頁例子）jQuery點擊驅動幻燈片（循環插件）

到目前爲止，我有這個 Js Fiddle作爲測試

這是動畫效果的jQuery我想：

$(document).ready(function() { 
    $('#s2').cycle({ 
    fx:  'slideY', 
    speed: 300, 
    timeout: 0, 
    next: '#next2', 
    prev: '#prev2' 
    }); 
});

我有按鈕的地方，有一些測試圖像一起，但我遇到了麻煩從按鈕動畫工作。

我已閱讀循環選項的文檔，但由於我不太熟悉jQuery，我不明白如何讓它工作，我準備好了fx和速度，只是讓按鈕工作是我的問題。

來源

2012-05-06 cNc

使用按鈕的<a>標籤。例如：

<a id="prev2" href="#">Prev</a>

然後使用CSS來設置它的樣式。

確保您包括jQuery框架後cycle.js一度如下：

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>

來源

2012-05-06 06:06:05 luke2012

我已經試過這樣做，但我還是不能讓動畫工作，我已經更新了jsfiddle''標籤，我仍然無法正確實施，我試用了Dreamweaver以及相同的結果 – cNc

我整理了一下你的代碼，它現在工作http://jsfiddle.net/q8Cam/ 14 /。你爲圖片添加了一些內聯樣式，這些樣式並不是必需的，並且包含在您加倍使用的cycle.js中。 – luke2012

非常感謝:)所以這是內置的風格，這是搞亂它？ – cNc

jQuery點擊驅動幻燈片（循環插件）

回答

相關問題