jQueryフェード・リ・エレメントとマウスをホールドしたときにそれを繰り返す

Question

jQueryでエレメント（<li> <img>）を循環させ、ホバリングしたときにフェーディング効果があるエフェクトを再作成しようとしています。 「<li>」には「<img>」（画像のスクリーンショット）が含まれています。マウスが要素の上にくると、フェーディング効果で '<ul>'にあるすべてのサイクルが維持されます。マウスが離れると、リストのサイクリングが停止します。私はまたあなたがリストにナビゲートできるページャを追加したいと思う。

私の既存のコード： link text

私の問題：現在のコードは、ページネーションといくつかの問題を抱えている、それがコードで見ることができるすべての画像を追加しました。 1-8の代わりに、1-8と別の1-8を続けました。 2番目の問題は、ページの読み込み時にサイクリングとフェーディングも開始されることです。サイクリングとフェーディングは、マウスが要素の上にある場合にのみ機能します。

このアプローチでは 'Cycle Plugin'（Plugin Home Page）が本当に必要かどうかわかりませんが、可能な限り最小限に抑えることはできません。私はちょうど私の問題に迅速な答えであるため、 'Cycle Plugin'を使用します。

ありがとう、メリークリスマス！

---

編集

削除し、私が間違っている可能性がリンク

Answer 1

を追加し、私はこのプラグインに慣れていないんだけど、あなたはそれぞれのIDを必要とするように思えるあなたが持っている代わりのスライドショーあなたのようなクラスを使用しています。

あなたのコードでJSFiddleを設定し、それを調整しました。以下は、各スライドがどのように機能するかです。

1. 上にマウスで始まり、NAVが

私はあなたの質問へのコメントにあなたを与えたリンクをクリックしたときに

アウトマウスのナビゲーション

変化のマウスオーバーで変更を停止このプラグインで使用可能なオプションを表示する必要があります。あなたがそれを逃した場合は、ここにそれがあります：plugin options