jQuery淡入淡出元素並在鼠標懸停時循環它

我試圖在jQuery中重新創建一個效果，其中一個元素（<li> <img>）將被循環並且在盤旋時具有淡化效果。 '<li>'包含'<img>'（圖片截圖）。當鼠標位於元素的頂部時，它將繼續循環所有'<ul>'中的漸變效果。當鼠標離開時，它將停止循環列表。我也想添加一個可以導航到列表的尋呼機。jQuery淡入淡出元素並在鼠標懸停時循環它

我的現有代碼： link text

我的問題：當前的代碼有一些問題與分頁，它補充說，可以在代碼中看到的所有圖像。而不是隻有1-8，它繼續增加另一個1-8。第二個問題是，它也會在頁面加載時啓動循環和褪色。只有在鼠標位於元素頂部時，才能進行騎行和褪色。

我不知道這種方法是否真的需要'循環插件'（Plugin Home Page），我不希望它儘可能小。我只是使用「循環插件」，因爲這是對我的問題的快速回答。

感謝和快樂的聖誕節！

編輯

撈出增加了一個鏈接

來源

2010-12-21 Pennf0lio

1）**刪除**色情鏈接。 2）鏈接到您使用的插件的主頁http://jquery.malsup.com/cycle/ – subhaze 2010-12-21 05:56:01

好的。感謝子哈哈。我爲鏈接道歉，我只希望他們明白我的意思。 – Pennf0lio 2010-12-21 06:06:26

謝謝...我經常在這個網站上工作很多。我需要的最後一件事是無意中點擊一個色情網站，因此... – subhaze 2010-12-21 06:37:16

我可能是錯的，我不熟悉這個插件，但它似乎像你需要一個ID爲每個幻燈片你有代替像你一樣使用類。

我已經設置了一個JSFiddle與您的代碼並調整它。以下是每個幻燈片應如何運作。在鼠標懸停時

啓動和停止鼠標在導航時，導航點擊

我給你的意見，你的問題的鏈接

變化的鼠標懸停出

變化應引導您查看該插件的可用選項。如果你錯過了，在這裏：plugin options

來源

2010-12-21 06:34:40 subhaze

謝謝你！＃screenshot1是我實際看到的..但我不能使用ID作爲選擇器，因爲ID和類將由wordpress（'＃post-1，＃post-2 ....'和''動態生成。條目'）。嗯..我不知道是否有另一種方式與插件.. – Pennf0lio 2010-12-21 07:36:53

@ Pennf0lio：好吧，我看到的條目，每個有一個獨特的'ID'。你應該能夠採取這個角度，並將插件應用於每個插件。檢查此示例以查看http://jsfiddle.net/subhaze/8Z9kg/5/ – subhaze 2010-12-21 14:37:10

我正在尋找另一種方法來創建循環來定位遞增ID。我沒有意識到可以這樣做。感謝您幫助我完成Subhaze！非常感謝。你真棒。 – Pennf0lio 2010-12-21 15:56:10

jQuery淡入淡出元素並在鼠標懸停時循環它

回答

相關問題