問題タブ [rotator]

リンク「next/back」とループのように、このスクリプトの場合-http://thejavascriptblog.com/the-quotator-the-json-driven-html-rotator/

または、フェード効果と外部コントロールを使用してテキストを回転させるために、他のjQueryスクリプトを検索します。

4つの画像を回転させるjQueryImageRotatorが必要です（5秒ごとにフェードイン/フェードアウトします）が、現在表示されている画像を示すiPhoneページのドットがあります（ドットの例）。これをどのように行いますか？どんな助けでもいただければ幸いです。

フロント ページに 3 つのローテーターがあり、それぞれ 1 秒ずつ開始するようにしたいと考えています。

最初の開始後 - 通常のタイムアウトに従って続行する必要があります。

よろしくお願いいたします。

画像スワッピングにjqueryを使用することに関するこの素晴らしい記事を見つけました：

http://jquery-howto.blogspot.com/2009/05/replacing-images-at-time-intervals.html

画像をハイパーリンクすることをどのように提案しますか？

http://www.vmagazine.com/のような記事ローテーターを作りたいです。
そして、jQuery を使いたいです。

jCarouselやjQuery Carouselのようなカルーセルがあることは知っています。Coda-Slider
もありますが、あまりエレガントではありません。

記事のカルーセルを作成するための優れた jQuery メソッド / スクリプトを提案できる人はいますか?

すでに jQuery を使用しているため、MooTools や Prototype などは使用したくありません。

何か提案はありますか？

私は画像ローテーターを備えたサイトで作業しています（jQuery Roundaboutを使用）。jQueryで、画像をクリックすると、次のコードを使用してその画像に関連付けられた特定のコンテンツが表示されるように設定しました。

ここで、＃brand-couは画像を含むliであり、＃detail-country-squireは表示したいセクションです。これはうまく機能します。次と前の矢印もあると思います。これは、画像ローテーター内を移動するための代替方法です。これらのコントロールを使用してローテーターの周りを進むときに適切なテキストを表示するのに最も苦労しています。これは私が今持っているコードです：

画像が正面画像の場合、クラス「.roundabout-in-focus」を自動的に受け取ります。私の考えでは、特定の画像ごとにifステートメントを使用して、その画像にAのIDと.roundabout-in-focusのクラスがあるかどうかを示し、Aの特定のテキストを表示できると考えました。何らかの理由でこれは機能していません。また、画像ごとに上記のすべてのコードと、次のセクションと同様の前のボタンセクションが必要になるため、これもかなり時間がかかるようです。したがって、短期的には、上記のifステートメントが機能しない理由を理解するための助けが必要です。誰かが本当に寛大だと感じているなら、私はこのコードを凝縮する方法についての人々の考えの助けが欲しいです。liがこの特定のIDとラウンドアバウトの焦点のクラスの両方を持っているとしたら、次に、このテキストを表示します（画像をクリックするか、次/前のボタンをクリックしても機能するはずです）。私の唯一の問題は、クリック機能など、3つのオプションすべてを網羅するには具体的すぎるものにリンクせずにこれを作成する方法です。

助けてくれてありがとう！

ユーザーがカーソルを画像に移動した後に画像を回転できる JS ライブラリまたはコード スニペット (jQuery が許可されている) を探しています。たとえば、この機能は、Dailymotion.com Web サイトのビデオ サムネイルに実装されています。

このコードを 20 ～ 40 個のサムネイル (アプリケーションのスクリーンショット) を持つ Web ページに使用します。各項目には、ユーザーがカーソルをサムネイルに移動すると回転を開始し、カーソルが離れると停止する約 10 個の追加画像が含まれます。

このすべての画像を html コードでロードしたくありません。ユーザーがページに入るたびに数百のリクエストが必要になるわけではありません。

残念ながら、私が見つけたすべてのコードは、html コードからの静的イメージ リンクを使用しています。

検索エンジンで答えを見つけようとしましたが、正しい公式が見つかりません。「image rotator JS」、「change images on hover」、「autorot images」、およびその他のバリエーションを試しましたが、このタスクには単に別の名前が付けられている可能性があります。

以下の JQuery Rotator プラグインを変更したい:

http://plugins.jquery.com/project/jqRotator

私が必要とした唯一の変更は、水平方向にナビゲートすることです..つまり、訪問者は最初に2つ（またはそれ以上）のアイテムを表示し、次に新しいアイテムが右側から表示されます。

出来ますか ？または、この目標を達成するための JQuery プラグインはありますか?

私の考えは、最初にすべてのアイテムを非表示にしてから最初のアイテムを表示し、次に現在のliを繰り返し非表示にしてから次のアイテムを表示する画像を含むリストを作成することでした。次に、最後のアイテムに到達すると、それを非表示にしてから最初のアイテムを表示し、プロセスを最初からやり直します。

ドキュメント（準備完了）で、次のことを実行したい：

1. すべてのアイテムを隠す
2. 最初のアイテムを表示
3. 繰り返す
   1. 遅れ
   2. if on last (このアイテムを非表示 / 最初のアイテムを表示)
   3. if else (このアイテムを非表示 / 次のアイテムを表示)
4. onclick (次へボタン)
   1. if on last (このアイテムを非表示 / 最初のアイテムを表示)
   2. if else (このアイテムを非表示 / 次のアイテムを表示)
5. onclick (前のボタン)
   1. 最初の場合 (このアイテムを非表示 / 最後のアイテムを表示)
   2. if else (このアイテムを非表示 / 前のアイテムを表示)

ここに私が使用しているリストがあります：

また、異なるアイテムを切り替える左右のボタンが欲しいです。

また、おまけとして、画像を左右にスライドさせることは可能ですか?

ありがとう！

アップデート：

考えてみると、おそらく、私が持っているコードを含めずにこれを尋ねるべきではありません.とにかく、これは私がこれまでに行ったことです.

PS：おそらくおわかりのように、私はJavascriptに本当に慣れていません...

私は、次/前のボタンを備えた単純なjqueryローテーターを探していました.5枚ほどの画像を自動的にフェードします...これまでのところ、すべてが複雑すぎて、私が望むものや単純なものではありません画像の切り替え以外の機能はありません...

だから基本的に私は誰かが完全に吸わないJquery画像回転子を知っているかどうか尋ねています...笑

ところで、これらは私がやりたいことです

1. 画像を自動的に回転
2. フェード
3. 次と前のボタンがある

ありがとう