「jCarouselLite」（http://www.gmarwaha.com/jquery/jcarousellite/）というjQueryプラグインを使用してカルーセルスライドショーを作成したいと思います。私はこれを稼働させています。秘訣は、このスライドショーをページの全幅に拡大するYouTube風の「展開」ボタンも作成したいということです。

これまでのところ、jQueryを使用して、このような展開ボタンを作成することができました。問題は、「次へ」ボタンと「前へ」ボタンは、カルーセルが最初に初期化されたときに定義された距離しかスライドしないことです。明らかに、幅が広くなったので、これらはより長い距離をスライドする必要があります。

したがって、基本的に必要なのは、カルーセルが最初に初期化された後、「次へ」ボタンと「前へ」ボタンがスライドする距離を変更する方法に関する情報です。

非常に単純なjcarouselliteスクリプトが機能していますが、右または左に表示するアイテムがなくなったときに、左または右のボタンを「オフ」にできるようにしたいと考えています。最も簡単な方法は、div を介して使用している前/次のボタンに使用される背景画像を変更することです。

http://sagescience.com/dev/car_test/

私はこれにまったく慣れていません。手を貸してくれるグルはいますか？

私はjCarouselLiteを使用していますが、ドキュメントは次の場所にあります： http ://www.gmarwaha.com/jquery/jcarousellite/

両端の矢印を使用してナビゲートできるカルーセルがあります。

ユーザーがクリックしてスライドショーをスクロールする前の初期状態で、左矢印が表示されないようにカルーセルを変更したいと思います。アイデアは賢明なものです。カルーセルは円形ではなく、そのようにすることはユーザーが望むオプションではないため、何もしないボタンをユーザーに提供しないでください。同様に、カルーセルの終わりに右矢印が消えて、ユーザーが反対方向にしか進むことができないことを示すように、彼らはそれを好むでしょう。

要約する：

1. カルーセルの初期開始状態では、右矢印のみが表示され、スクロールは一方向にのみ進む必要があることをユーザーに示します。

2. カルーセルの中央では、ユーザーがどちらの方向にもスクロールできるように、両方の矢印が表示されている必要があります。

3. カルーセルの最後でスクロールするアイテムがなくなった場合、右矢印が表示され、左矢印が表示されないようにする必要があります。これは、カルーセルを通過した方法にのみ戻ることができることをユーザーに示します。

編集[2010年10月14日]：元のjCarouselプラグインのドキュメントには含まれているのに対し、JCarouselLiteWebページのドキュメントにはこの機能の記載が含まれていないことが判明しました。この機能は削除されたものではなかったようです。プラグインはストリップバージョンであるため、機能はドキュメントで明示的に定義されていると思いました。

TL; DR：jCarouselと同じように、jCarouselLiteはこれを自動的に行います。

その中にjQueryカルーセルが表示されていないjQueryスライドパネルがあります。

例: http://www.warface.co.uk/clients/warface.co.uk/

[ダッシュボードを表示] をクリックして、スライド パネルを表示します。

ボタン (前/次) は表示されていますが、カルーセルは表示されていません。たとえば、以下のカルーセルも追加しました。

スライドパネル用のCSSがあります

削除display: none;すると修正されるようですが、ページの読み込み時にスライダーを下げたままにします。

申し訳ありませんが、この問題を理解するのに十分な連鎖を理解していないようです...

jQuery カルーセル プラグイン (jCarouselLite) を実装しており、カルーセル アイテムの 1 つを「削除」するオプションを追加しようとしています (現在は<div class="remove">)...

jCarouselLite プラグインを「更新」するクリーンな方法がないため (後で実際のプラグインに実装してみようと思います)、これに対する手っ取り早い修正方法は、Carousel を再生成することです。

問題は、クリックされた要素をフェードアウトしようとしていることですが、クリックされた項目のフェードアウト (および削除) のアニメーションが完了する前に、refreshDisplay() が呼び出されたようです。行をコメントアウトしてこれを確認したself.refreshDisplay(itemId);ところ、フェードアウトして期待どおりに削除されました。

だから、これを連鎖させるために必要な特定の方法があると思いますか？私は連鎖がどのように機能するかについて数時間読んだことがありますが、それを理解していると思いましたが、明らかにそうではありません.

どんな助けでも大歓迎です、ありがとう！

同じスライドショーで fancybox と jcarousellite を使用しようとしています。両方のスクリプトが独立して動作するようになりましたが、それらを一緒にするとどちらも動作しません。

競合しているのはスクリプトかもしれないと考えていますが、両方の機能を使用している他の Web サイトを見たことがあります。

これが私のページにあるものです：

次に、私の画像は次のようにレイアウトされます。

誰かが解決のために正しい方向に私を向けることができますか? ありがとう

私は自分のプロジェクトの1つでjcarouselliteを使用しています。これは私がこれまでに持っているコードです。

唯一の問題は、私のリストアイテムが生成されるまで生成されないことです

リストアイテムが読み込まれた後、カルーセルを生成したいと思います。これにjQueryの.live（）を使用できますか？何か案は？

2 行のスライダーが必要です。jQuery google グループで解決策を見つけました。

動作しますが、間違っています。:)オプション「circular：true」を使用すると、ボイドにスクロールされます。私が何を意味するかを理解するために例を投稿しました：http://test.demx.info/carousel/

どのように修正しますか？

jCarousel Liteを使用していて、現在のインデックス（一度に1つのアイテムしか表示していないため、この要素が表示されている）を取得して、ナビゲーションリンクに「現在の」クラスを追加できるようにする必要があります。

誰かが私がこれを達成する方法を知っていますか？

http://www.gmarwaha.com/jquery/jcarousellite

Web ページ (http://www.marketscout.com/various_sites/symposium11/) で機能する jcarousellite プラグインがあります。テキストと画像ベースのコンテンツで垂直にスクロールします。私はすべてが思い通りに見えるようにしていますが、問題はIE8のスクロールがゼロ位置[li]タグから数ピクセル上に始まることです。したがって、実際には最後の [li] で開始され、各 [li] の停止ポイントがわずかにずれます。

各 [li] を赤い枠線で縁取っているので、開始点が少しずれていることがわかります。これを Firefox のように反応させるための助けは素晴らしいでしょう。Firefox では、スクローラーは最初の [li] の上端で開始し、次の [li] に移動すると上端で停止します。何らかの理由で、IE8 が jcarousellite .js ファイルで行われている計算をジャッキングしているようです。私は完全な JQuery 初心者ですが、ダウンロードしたすべての .js ファイルを自分のファイル構造に入れました。

jcarousellite_1.0.1c4.js、jcarousellite_1.0.1.pack.js、および jcarousellite_1.0.1.min.js

余分なピクセル スペース IE がマージンのために css でスローすることで問題が解決する場合があると思いました。しかし、そうではありません。カルーセルの CSS は以下に含まれています。

パディング:5px 5px 0; font-family:Verdana、Arial、Sans-Serif; フォントサイズ:12px; マージン:0px 自動; 境界線: 0px 実線の青; 高さ:295px; }

newsticker-demo a { text-decoration:none; }

newsticker-demo img { border: 0px solid #FFFFFF; }

newsticker-demo .title {

テキスト揃え:中央; フォントサイズ:13px; font-weight:太字; padding-bottom:10px; padding-bottom:8px\9; } .newsticker-jcarousellite { 幅:270px; } .newsticker-jcarousellite li.njl { リストスタイル:なし; 表示ブロック; パディングボトム:3px; マージン: 0px; margin-bottom: -2px\9; ボーダー: 1px ベタの赤。高さ:62px; 高さ:64px; } .newsticker-jcarousellite .thumbnail { float:left; } 幅:60px; 高さ: 60px; ボーダー: 0px ソリッド #FFFFFF; } .newsticker-jcarousellite .info { float:right; 幅:200px; 高さ: 60px; ボーダー: 0px ソリッド #FFFFFF; } .newsticker-jcarousellite .info span.cat { 表示: ブロック; フォントサイズ:10px; 色:#808080; } .clear { クリア: 両方; }

これがJavaScriptです：

HTMLは次のとおりです。

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