問題タブ [jcarousellite]

私はここに来たばかりで、このオンライン コミュニティで目にするすべての助けにとても感謝しています。

私の質問は、jCarousel の循環オプションと、それに関する問題です。構築を開始しているサイトがあり、ページの 1 つに問題の例があります。このサイトはまだ非常に空ですが、それでも例はそこにあります.

コードについて-

HTML:

CSS:

この問題を解決するための助けをいただければ幸いです。

私はJCarouselLite（http://www.gmarwaha.com/blog/2007/08/09/jcarousel-lite-a-jquery-plugin/）を使用して、お客様の声やその他すべての垂直スクロール「ニュースティッカー」スタイルのカルーセルを生成しています。は完全に機能していますが、リストアイテムが表示される順序をランダム化したいと思います。次のものを使用しようとしましたが、機能しません。

次に、オプションに「random：true」を追加します。

誰かが私がこれを理解するのを手伝ってくれますか？私のスクリプトは次のとおりです。

ホームページにjQueryカルーセルがあり、カテゴリページに他のjQueryグッズ（トグルとスライダー）があるWordPressテンプレートを使用していますが、それらはすべて個別に機能します。すべてのカテゴリ ページでスライダーを複製したかったのですが、追加すると、両方の jQuery が壊れます。誰かがお互いに仲良くする方法について提案してもらえますか? 2 つのコード スニペットを次に示します。

と

...と

...そして最後のもの

最後の 3 つはすべて一緒にうまく機能しますが、同じページに最初の 1 つを追加すると、すべてが壊れます。jQuery(document).ready(function($) {に変更し$(document).ready(function() {、2 行目$をに変更しようとしましjQueryたが、何も修正されませんでした。以下の別のインスタンスが表示されるため'.slider'、をに変更しようとしましたが、うまくいきませんでした。どんな助けでも大歓迎です！'.somethingslider'.slider

1ページにいくつかのjcarouselsがあり、それらはモジュールごとに成長します。したがって、いくつになるかはわかりません。問題は、1つのカルーセルをクリックすると、「次へ」と「前へ」がすべてのカルーセルの変更を同時に制御することです。これは、次のようにJavaスクリプトからコントロールを追加したために発生します

したがって、同じクラスがすべてのカルーセルコントロールに追加されます。1つをクリックすると、すべてのカルーセルが変更されます。どうすればそれらに異なるクラスを追加できますか？このためのjQueryソリューションが必要です。

jcarousel lite を製品イメージ ギャラリーの magento サイトに統合しました。

このページは、必要な画像のリストを (magento 経由で) 動的に作成します。

ただし、jcarousel lite がページに追加されるとすぐに、追加の < li > がページの < ul > 部分に表示されます。

要約: jcarousel lite なし - jcarousel lite あり - の追加アイテム

問題のページで jcarousel lite がどのように呼び出されるかを次に示します。

なぜこれが起こっているのかについてのヒントはありますか?

私のページには、多くの画像を含むギャラリーがあります。これらすべての画像を表示するために jCarouselLite を使用しています。これらの画像の 1 つをクリックすると、Shadowbox で表示したいと思います。それは正常に動作します。問題は、jCarouselLite により、シャドウボックスの下部に表示される画像の量が 3 倍になったことです。したがって、「1 of 4」の代わりに「1 of 12」と表示されます。この数値を修正する方法はありますか？

前もって感謝します

いずれかのページでjCarouselLite（http://www.gmarwaha.com/jquery/jcarousellite/#doc）を実行していますが、スクロールに問題があります。

常に3つのアイテムを表示し、一度に3つのアイテムをスクロールするように設定し、循環をtrueに設定しました。

アイテムの総数が3で割り切れない限り、問題ありません。この場合、リストの最後のアイテムに近づくと、カルーセルがコンテンツを更新するときに、表示されているアイテムが1つ左に「ジャンプ」します。

明らかな回避策は、結果の数を3で割り切れる数に制限することです。言うまでもなく、これは適切なオプションではありません。

他の誰かがこの問題を抱えていますか？

jCrouselLiteを使用しています。可視3を設定し、スライダーの要素が1つしかない場合、何も表示されません。2 番目の要素のコメント タグを削除すると、両方がリストに表示されます。jsfiddleで試すことができます

解決策は、可視カウントを要素カウントに設定することですが、これは私が探しているものではありません。

これはバグのようです。どうすればこの問題を解決できますか?

私はを持っています、divそしてそれはこのような要素を含んでいます：

これらの画像をスライドさせるためにjQueryjCarouselLiteを使用しています。私の要件は、マウスオーバーでスクロールを停止するにはどうすればよいですか？

jQueryは次のとおりです。