問題タブ [carousel]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - 動的コンテンツを含む js カルーセル
これを解決するために多くの時間を費やしますが、次のようになります。
要件:
- 項目の垂直リスト、div コンテナー内、構造 div/ul/li
- ユーザーはリストをスクロールできる必要があります。div の上にカーソルを置いてスムーズにスクロールすると、スクロールが上下に向かって加速します。
- スクロールは両端に向かってエンドレスです (つまり、リストの最後で、方向を変える代わりに、リストが再び開始されます)。
- リストはjsを介して動的に生成されます
- クリックすると、選択したアイテムが中央に移動し、マウスアウトすると、中央に最も近いアイテムが中央に移動します
- リスト項目の高さは固定されていません
独自のソリューションを展開することをあきらめた後...スムーズスクロール以外のすべてのことを行うように説得できるjcarouselを試しました。また、[scroll() を使用して] リストの末尾付近の項目をクリックし、現在の項目が最初の項目である場合、リストは次の項目にスクロールするだけでなく、末尾までずっと後方にスクロールします。
次は jquery.serialscroll です。無限のスクロールを除いて、すべてが機能するようになりました。または、むしろ、(相対的なulでリスト項目の絶対配置を介して)下部を無限にスクロールすることができますが、上部へのスクロールについてどうすればよいかわかりません。
スクロール中は、新しいアイテムが追加されていないと想定できます。
スムーズで可変/予測不可能なスクロール速度の要件がなければ、問題を解決するのはそれほど難しくないように見えますが、すべてを組み合わせると、解決策を見つけることができないようです.
私が見逃したjqueryプラグインはありますか、誰かがserialscrollまたはjcarouselを使用して動作させましたか?
これが十分な情報であり、翻訳で失われたものがあまりないことを願っています.
乾杯と前もって感謝します
javascript - テキストと画像を使用したjqueryカルーセル自動スクロール
私はjqueryカルーセルを使用していて、ここ(http://jsbin.com/unoce/2)で画像が自動回転しているので、左側のコンテンツが「with」で自動回転していないという問題があります。画像と矢印の選択もそうではありません。左側のコンテンツをクリックしてから、右側の画像と矢印が適切に一緒に移動した場合にのみ機能します。
誰かがサポートを提供して、テキストと矢印を画像と一緒に「自動」回転させることができますか?
以下のこのコードは、画像を回転させるだけで、他には何も回転させません...
これがデモで、このデモも編集できます:http: //jsbin.com/unoce/2
ありがとうございました、
エヴァン
jquery - jQuery を使用して簡単な自動画像スイッチャーを作成する
画像を自動的に変更する非常に単純な画像スイッチャーを作成する必要があります。次のコードがあります。
上記の画像のうち 2 つは、一定時間後 (3 ~ 4 秒ごと) に自動的に切り替わります。これは、4 秒後に/media/1618/5_1.jpgという画像を別の画像に変更したいということです。さらに 4 秒後、もう一度元に戻ります。私の他の画像の1つについても同じことが行われるべきです。jQueryでこれを達成するにはどうすればよいですか?
jquery - JQuery カルーセル画像のトリミング
TinyCarousel プログラムを使用して、次のサンプル ページを作成しました。 http://www.dealred.com/wa/jqimage.htm
カルーセルは正常に機能していますが、ホームページのスペースが少ないため、サムネイルのサイズを縮小せずにカルーセルの高さを縮小する必要があります。
実際のサムネイル サイズ: 175x175 カルーセル画像サイズ: 140x140 必要な画像サイズ: 116x140 (画像の上部 12 ピクセルと下部 12 ピクセルを表示しないでください)。これにより、高さを 24 ピクセル節約でき、同時に品質に妥協はありません。
Photoshop でサンプル要件を作成しました。これをチェックしてください。
CSSまたはJQueryを使用してこれを達成することは可能ですか。コードを手伝ってください。ありがとう。
jquery - jQueryカルーセル
他の多くの人と同じように、ホームページ用のカルーセルを探しています。私はすでに市場を見ていました。
私のお気に入りは、いくつかの既存のものの組み合わせです。そして、可能であれば、私はすでにjQueryを使用しているので、jQueryに基づく必要があります。ただし、いくつかの優れたカルーセルはmootoolsに基づいています。
だから、私は何が好きですか? noobSlideはいいです。完璧なのは、6と7の組み合わせです。6には、オーバーレイとリンクを含む大きな画像があります。図7は、画像の平行配置を有する。問題:私は8ではなく> 50を持っているので、ある種のスライダーが必要になります。 SmoothGalleryには素晴らしいスライダーがあります(写真をクリックした後)。
だから、要件で
- オーバーレイ付きの大きな画像(情報+リンク)
- スクロール付きの水平スライダーコントロール
- 可能であれば、jQuery
どこに送ってくれますか?私が見逃したいくつかのクールなコンポーネント/ライブラリ?
jquery - jQueryカルーセル全体のスライドが画像/テキスト/その他で変更されます
私はjQueryにかなり慣れていませんが、基本的に私が探しているのは、次のことができるスクリプトです:
数字はスライド全体 (画像とテキスト) を変更します。
誰かがこれを実行できるスクリプトを教えてもらえますか? または非常によく似たもので、JSについて学んでいます。ありがとう!
javascript - 円形カルーセル(jQuery)
私はカルーセルに軽量のjQueryプラグインを使用していますが、円形のカルーセルをサポートしていないことを除けば、うまく機能します。 1,2,3,4その後、再び1,2,3,4に戻ります。これは、私が望んでいることです。
これがそのためのjsFiddleです:http://jsfiddle.net/vLZFh/
助けていただければ幸いです。
どうもありがとう
iphone - iPhoneアプリケーションでカルーセル効果を追加する方法
iPhoneアプリケーションにカルーセル効果を追加したいと思います。カルーセル効果でいくつかのアイテムを見せたいです。だから誰かが私がこれを行う方法を提案できますか?
ありがとう
jquery - DIVコンテンツをビューポートの中央に配置
jQueryとHTMLを使用して、 http://www.aprica.jp/に似たカルーセルを作成しようとしています。そのためには、大きな(オーバーフローが隠された)divのコンテンツをビューポートの中央に水平に配置できる必要があります。どうすればそれができるのでしょうか?
javascript - 無限のカルーセルが IE では機能しないが、Firefox または Chrome では機能する
私のカルーセルの次のリンクは、IE にあるはずなので機能しません。ただし、chrome や firefox などの他のブラウザでは問題なく動作します。
同じリンクは次のとおりです。
http://web.enavu.com/demos/3dcarouselwip/
コードを 10 回以上完全に実行したため、ソース コードにどのような変更を加える必要がありますか。