問題タブ [carousel]

次のような画像の無限のスライドショーを作成しようとしています:

1. ウィンドウ全体で画像をスライドさせます
2. 最後の画像に到達すると、画像の最初から開始します

これが私の現在のコードです：

setInterval() の理由は、無限のアニメーションを作成することです。

Firebug によると、UL は左に 500 ピクセルスクロールされてから停止します...ただし、LI は正常に移動します。最初の画像はスライドショーの最後に配置され、続きます。

私が必要とするのは、アニメーションが UL をスライドし続けない理由を理解することだけです。

カバーフローのような効果をシミュレートする JavaScript (できれば jQuery) スクリプトを探していますが、カバーフローとはまったく異なります。ここで達成しようとしていることの簡単な例を作成しました。

代替テキスト http://img197.imageshack.us/img197/7296/exampleh.gif

黒は現在フォーカスされているメインの画像です。メインの写真のすぐ隣に前と次のリンクがあります。2 つの紫色のボックスは、前後の画像を示しています。それらはわずかにフェードアウトし、黒い枠の下/内側の部分が隠れて、画像の一部しか見えなくなります。一度に表示できる画像は 3 つだけで、完全に表示できる画像は 1 つだけです (中央のオン)。

jQueryカルーセルといくつかのカバーフロープラグインを調べてみましたが、これらのニーズに合うものは見つかりませんでした.

ありがとう

ここにあるスクリプトと例を微調整して変更したため、機能的な垂直jqueryカルーセルがあります：http://sorgalla.com/projects/jcarousel/examples/static_vertical.html

画像の代わりに、テキストをリスト項目として使用しています。このスクリプトは固定高スタイルを使用しており、高さの自動拡張機能を取り入れようとしています。li 内のコンテンツに基づいて折りたたんだり展開したりします。

特定の要素を height:auto; に設定するなど、css でいくつかのことを試しました。または高さ:100%; しかし、うまくいかないようです。

コンテンツに基づいてこの自動展開と折りたたみを行う方法に私の試みをどこに集中させるべきかについて、誰かがちょっとしたことを知っていますか? CSSではなくJavaScriptを微調整する必要がありますか？

洞察を求めているだけです。

Jquery の Just Another Carousel プラグインを使用していますが、よくわからない問題が発生しているため、機能していません。固定幅ではなく固定高さが必要なため、このプラグインを使用しています。

助けはありますか？

carousel.us JavaScript 3D カルーセルのコードがどこにあるか知っている人はいますか? 開発者のサイト ( http://www.piksite.com/carousel.us/ ) がダウンしています。記事やチュートリアルで参照されているのを目にしますが、今のところ広告だけのサイトを除いて、ダウンロードする実際のコードを見つけることができませんでした.

クライアントはその特定のことを望んでおり、それをゼロからコーディングすることは意味がありません。

ありがとう。

jquery-just-another-carousel の設定で指定される固定数の子アイテムでスクロールすることが可能です。

次または前のリンクをクリックすると、カルーセルは 2 つの子アイテムによってスクロールされます。

http://intrepidstudios.com/projects/jquery-just-another-carousel/documentation.aspx

過去にjquery-infinite-carouselの使用に成功しましたが、現在のプロジェクトでは、永久にループし、一度に3つのアイテムをジャンプする必要があります。ここでは、一度に1つずつジャンプして動作する例を示します。

};

jqueryオートコンプリートを使用して、ユーザー入力に基づいて一致する画像のリストを表示することに成功しました。かなり規範的な入力があっても、一致する可能性のあるものが多いため、ユーザーエクスペリエンスはあまり良くありません。

この例は、nokia http://www.nokia.co.uk/support/download-software/device-software-update（フラッシュで記述されていることを知っています）で見つけました。これは、私がしているものに理想的なインターフェイスを提供します。達成しようとしています。

jqueryオートコンプリートを開始点として使用してこれを行うためのポインタはありますか？または、この機能を提供する既存のjavascriptライブラリをまだ知っていますか？

それが重要な場合は、jqueryの最新リリースを使用しています。

ありがとう、デイブ。

このjqueryプラグインをカルーセルコントローラーhttp://sorgalla.com/projects/jcarousel/に使用しています。これは、jqueryリリース1.2.1に基づいています。

ページにタブも必要ですが、現在のjqueryリリースをページに含めると、カルーセルが機能しなくなります。

両方を同じページに共存させる方法はありますか、それとも1.2.1を解放してタブを機能させる方法はありますか？

別のプラグインでカルーセルを再構築するのではなく、このプラグインはすでにスキンされており、必要に応じて機能するためです。

jQuery.noConflictを使用してみましたが、jcarouselコントローラーがまだ機能しませんでした。

私はさまざまな jQuery プラグインを見てきましたが、それらを微調整して希望どおりに動作させることができると考えていましたが、これまでのところ成功していません。これらの要件を満たすプラグインが存在するのか、それとも自分でプラグインを作成する必要があるのか​​ どうかはわかりません (私は少し初心者ですが!)。

要求事項：

• ループ/カルーセルで HTML コンテナーを左右に無限にスクロールします。
• 矢印の上にマウスオーバーすると、スクロール アクションがトリガーされます
• スクロール アクションは、マウスオーバー中も継続する必要があります (つまり、各コンテナーの後に一時停止しません)。
• コンテナの数は柔軟です