問題タブ [carousel]

3D カルーセル ( http://www.professorcloud.com/mainsite/carousel.htmなど)を探していますが、各画像に対応するボタンを使用して画像を許可する必要があります。

例えば：

製品のカルーセルが必要で、それぞれに対応する Facebook のようなボタンが必要です。上のカルーセルにストレート画像以外のコンテンツを追加すると、機能が壊れてしまうようです! これが可能かどうか、または単にクリエイティブ チームにプッシュバックして不可能だと言う必要があるかどうかをお知らせください (ボタンのサイズ変更に関する計算が壊れる可能性があるため、これが当てはまると思います)。

または、フォーカスされている最前面のハンバーガーが前面にあるときに FB Like ボタンを示している場合でも. 上記のプラグインのいずれかを使用してそれを行うことはできますか? プロフェッサー クラウド バージョンには、前にあるアイテムを返す際の「フック」がないように見えました。私は初心者から中級レベルの jQuery の知識を持っています。;） ありがとう！

このカルーセルにjqueryボックスを追加しようとしています

http://jsbin.com/iduyu

ソースはこちら

http://jsbin.com/iduyu/edit

追加しようとしていますすべてにタグを付けるその後、機能しなくなります。ボックスを追加するために変更を加える必要があるかどうかわかりません (ライトボックスまたは次と前のボタンがあるその他のボックス)

ガイドとヘルプをありがとう。

私は小さなギャラリーにmalsupの素晴らしいjQueryCycleプラグインを使用しています。このコードでサムネイルページネーションを作成しました：

Cycleに組み込まれている「scrollHoriz」エフェクトを使用して、ページネーションを水平カルーセルにするのが好きですが、方法がわかりません。jQueryカルーセルプラグインを使用することもできますが、Cycleに機能があると確信しているときに、まったく新しいプラグインを追加するのはばかげているようです。誰かがこれをしましたか？私がそれについてどうやって行くのかについての提案はありますか？ありがとう！

この jQuery プラグインを使用しています: http://www.thomaslanciaux.pro/jquery/jquery_carousel.htm垂直カルーセルを作成します。

ボタンをクリックして対応するフレームにスクロールする、ページネーションに似たようなことをしたいと思います。でもボタンは一つだけ欲しい。このボタンは最後のフレームの後に表示され、「トップに戻る」と表示されます。クリックすると、カルーセルの最初の項目までスクロールします。このイベントを簡単にトリガーする方法を知っている人はいますか?

ここで実装を表示できます。

したがって、これが行うことは、ウィンドウのサイズを自動的に検出し、オンザフライで表示される画像のサイズを変更することです。つまり、すべての画面解像度で比率が同じであるという考えです。

よりエレガントで「スムーズ」にするための解決策が欲しいという私が見つけたいくつかの問題を次に示します。

• より大きな解像度 (たとえば 1280+) では見た目も機能も問題ありませんが、1024 以下で読み込もうとすると、見た目も機能もおかしくなり始めます。
• スクロール中はスムーズにスクロールしません。
• 配置の一部がオフになっています (つまり、'3-up' または '4-up' ビューに切り替えると、1680 解像度で一番右の画像の白い境界線が消えます)。
• 4-up に移動して右端までスクロールすると、画像が表示されずに奇妙に終了します。
• DRYではないことを私が知っている繰り返しのJSがあり、現在のバージョンが複数の「ビュー」に対して行うことを達成するためのよりエレガントな方法が大好きです。
• 最初に読み込まれると、読み込みに約 3 秒かかります。その間、実際に小さいバージョンが表示され、サイズ変更された画像がページに配置されるタイミングが表示されます。それは私には少し「乱雑」に思えるので、もっときれいにしてほしいです。
• さらに、それを「引き締め」て、全体的に機能を向上させる方法に関するヒント。

そのフィードバック ページでソースを表示することもできますが、無関係なコードがそこにあるため、関連する部分を次に示します。

HTML:

関連する CSS は次のとおりです。

ここにJSがあります：

ところで、JS を window.load 関数に入れました。これは、コードが画像のサイズを変更する前にウィンドウ サイズを検出する必要があったためです。失速し、カルーセルに正しい画像をロードしません。

大変な作業だとは思いますが、コミュニティが私を助けてくれることを心から願っています。

ありがとう。

編集：刺すほど勇敢な人はいませんか？

編集 2: JonP によって提案された変更を行いましたが、解決しようとしている新しい問題がいくつかあります。通常の状態に戻す方法について何か提案はありますか? 上記のリンクをリロードして、新しいバージョンを表示します。

beulahprint.ie

サイトに単純なカルーセルを追加しようとしています。私はグラフィック デザイナーで、このコーディング ビジネスは初めてです。#specialoffers div で動作するカルーセルがあります。しかし、前と次のボタンを取り除きたいのですが、どうすればいいですか?

また、方向を水平に変更すると、カルーセルは機能しますが、画像 2、3、4 が表示されません。これはなぜですか?

最後に、ページ番号 1、2、3、4 をロールオーバー付きの小さなボックスに入れたいと思います。どうすればいいですか？そもそもどうやってそこにたどり着いたのかさえわかりません。なぜなら、彼らは私のhtmlボディコードに含まれていないからです。特別オファー div 内の好きな場所に配置するにはどうすればよいですか?

私の無知で申し訳ありませんが、まだ学んでいます:)

乾杯、コルム

www.beulahprint.ie

私は何年もの間、機能のない基本的なカルーセルを探していました。私はコーディングが初めてなので、複雑なカルーセルを自分のニーズに合わせてカスタマイズして単純化するのは非常に難しいと感じています。私のサイトでは基本的なものを使用していますが、サポートが必要な問題があります。

1) あるべき場所から約 20px ジャンプしているように見えますか? 2) 前へ/次へのボタンを削除するにはどうすればよいですか? 3) 1、2、3、4 のタブをロールオーバー付きのカスタム タブに変更し、div 内の好きな場所に配置するにはどうすればよいですか?

私はこれを大いに感謝します。

乾杯、コルム

カスタムの水平アコーディオンスタイルのショーケースを作成しようとしています。実際の機能に関しては、私はフレームワークを持っています（これはここで見ることができます）：

http://www.jsfiddle.net/adrianjacob/UdUus/

ただし、私の主なバグベア（およびクライアント）は、最後のliの右側を見ると、幅が上下にアニメーション化されるため、常にわずかな動き/ちらつきがあることです。

理想的には、他のものがサイズ変更されるときに、最後のアイテムで危険な動きがなく、スムーズに表示されるようにします。どうすればこれを達成できるか考えていますか？

A。

私はGoogleChromeウェブストアのカルーセルが本当に好きです。
それは美しく、きちんとしていて、非常に効果的です。
次に例を示します：
https ：//chrome.google.com/webstore/detail/cnneehghmdakbiinndechnolpjocoecc

私のウェブサイトでJQueryを使ってそれを複製したいと思います。

どの[安定した信頼できる]プラグインを使用して、それをそのまま、または少なくとも非常によく似たものを実装できますか？

私はすでにJCarouselを知っていますが、もっときれいでもっといいものが欲しいです。

ありがとう、
ダン

私はいくつかの画像を持っています。カルーセルのように円形に回転させたいです。誰かが知っているなら、Androidプラットフォームでそれを行う方法を教えてください...