問題タブ [carousel]

これを解決するために多くの時間を費やしますが、次のようになります。

要件：

• 項目の垂直リスト、div コンテナー内、構造 div/ul/li
• ユーザーはリストをスクロールできる必要があります。div の上にカーソルを置いてスムーズにスクロールすると、スクロールが上下に向かって加速します。
• スクロールは両端に向かってエンドレスです (つまり、リストの最後で、方向を変える代わりに、リストが再び開始されます)。
• リストはjsを介して動的に生成されます
• クリックすると、選択したアイテムが中央に移動し、マウスアウトすると、中央に最も近いアイテムが中央に移動します
• リスト項目の高さは固定されていません

独自のソリューションを展開することをあきらめた後...スムーズスクロール以外のすべてのことを行うように説得できるjcarouselを試しました。また、[scroll() を使用して] リストの末尾付近の項目をクリックし、現在の項目が最初の項目である場合、リストは次の項目にスクロールするだけでなく、末尾までずっと後方にスクロールします。

次は jquery.serialscroll です。無限のスクロールを除いて、すべてが機能するようになりました。または、むしろ、(相対的なulでリスト項目の絶対配置を介して)下部を無限にスクロールすることができますが、上部へのスクロールについてどうすればよいかわかりません。

スクロール中は、新しいアイテムが追加されていないと想定できます。

スムーズで可変/予測不可能なスクロール速度の要件がなければ、問題を解決するのはそれほど難しくないように見えますが、すべてを組み合わせると、解決策を見つけることができないようです.

私が見逃したjqueryプラグインはありますか、誰かがserialscrollまたはjcarouselを使用して動作させましたか?

これが十分な情報であり、翻訳で失われたものがあまりないことを願っています.

乾杯と前もって感謝します

私はjqueryカルーセルを使用していて、ここ（http://jsbin.com/unoce/2）で画像が自動回転しているので、左側のコンテンツが「with」で自動回転していないという問題があります。画像と矢印の選択もそうではありません。左側のコンテンツをクリックしてから、右側の画像と矢印が適切に一緒に移動した場合にのみ機能します。

誰かがサポートを提供して、テキストと矢印を画像と一緒に「自動」回転させることができますか？

以下のこのコードは、画像を回転させるだけで、他には何も回転させません...

これがデモで、このデモも編集できます：http: //jsbin.com/unoce/2

ありがとうございました、

エヴァン

画像を自動的に変更する非常に単純な画像スイッチャーを作成する必要があります。次のコードがあります。

上記の画像のうち 2 つは、一定時間後 (3 ～ 4 秒ごと) に自動的に切り替わります。これは、4 秒後に/media/1618/5_1.jpgという画像を別の画像に変更したいということです。さらに 4 秒後、もう一度元に戻ります。私の他の画像の1つについても同じことが行われるべきです。jQueryでこれを達成するにはどうすればよいですか?

TinyCarousel プログラムを使用して、次のサンプル ページを作成しました。 http://www.dealred.com/wa/jqimage.htm

カルーセルは正常に機能していますが、ホームページのスペースが少ないため、サムネイルのサイズを縮小せずにカルーセルの高さを縮小する必要があります。

実際のサムネイル サイズ: 175x175 カルーセル画像サイズ: 140x140 必要な画像サイズ: 116x140 (画像の上部 12 ピクセルと下部 12 ピクセルを表示しないでください)。これにより、高さを 24 ピクセル節約でき、同時に品質に妥協はありません。

Photoshop でサンプル要件を作成しました。これをチェックしてください。

CSSまたはJQueryを使用してこれを達成することは可能ですか。コードを手伝ってください。ありがとう。

他の多くの人と同じように、ホームページ用のカルーセルを探しています。私はすでに市場を見ていました。

私のお気に入りは、いくつかの既存のものの組み合わせです。そして、可能であれば、私はすでにjQueryを使用しているので、jQueryに基づく必要があります。ただし、いくつかの優れたカルーセルはmootoolsに基づいています。

だから、私は何が好きですか？ noobSlideはいいです。完璧なのは、6と7の組み合わせです。6には、オーバーレイとリンクを含む大きな画像があります。図７は、画像の平行配置を有する。問題：私は8ではなく> 50を持っているので、ある種のスライダーが必要になります。 SmoothGalleryには素晴らしいスライダーがあります（写真をクリックした後）。

だから、要件で

• オーバーレイ付きの大きな画像（情報+リンク）
• スクロール付きの水平スライダーコントロール
• 可能であれば、jQuery

どこに送ってくれますか？私が見逃したいくつかのクールなコンポーネント/ライブラリ？

私はjQueryにかなり慣れていませんが、基本的に私が探しているのは、次のことができるスクリプトです:

数字はスライド全体 (画像とテキスト) を変更します。

誰かがこれを実行できるスクリプトを教えてもらえますか? または非常によく似たもので、JSについて学んでいます。ありがとう！

私はカルーセルに軽量のjQueryプラグインを使用していますが、円形のカルーセルをサポートしていないことを除けば、うまく機能します。 1,2,3,4その後、再び1,2,3,4に戻ります。これは、私が望んでいることです。

これがそのためのjsFiddleです：http：//jsfiddle.net/vLZFh/

助けていただければ幸いです。

どうもありがとう

iPhoneアプリケーションにカルーセル効果を追加したいと思います。カルーセル効果でいくつかのアイテムを見せたいです。だから誰かが私がこれを行う方法を提案できますか？

ありがとう

jQueryとHTMLを使用して、 http：//www.aprica.jp/に似たカルーセルを作成しようとしています。そのためには、大きな（オーバーフローが隠された）divのコンテンツをビューポートの中央に水平に配置できる必要があります。どうすればそれができるのでしょうか？

私のカルーセルの次のリンクは、IE にあるはずなので機能しません。ただし、chrome や firefox などの他のブラウザでは問題なく動作します。

同じリンクは次のとおりです。

http://web.enavu.com/demos/3dcarouselwip/

コードを 10 回以上完全に実行したため、ソース コードにどのような変更を加える必要がありますか。