問題タブ [jcarousellite]

編集: jQuery が SharePoint アナウンスメント リストから適切なマークアップを作成して jCarouselLite を使用する場合、これは問題ではありません。jCarouselLite 内の問題のようです。jQuery/javascript 変換コードではなく、適切なマークアップだけを使用して別の jsfiddle を実行しましたが、問題は引き続き発生します。

http://jsfiddle.net/ayatollah/6RKNx/で問題を確認できます。

繰り返しますが、これは 1 つまたは 2 つのリスト アイテムのみの問題です。3+ は正常に動作します。これを修正するために、マークアップ、jCarouselLite 呼び出しコードを変更する必要がありますか?

賞金は利用可能になり次第提供されます。

オリジナル================================================= ==============================

jCarousel に変換したい Sharepoint サイトにお知らせリストがあります。ulアナウンス リストはテーブルとしてレンダリングされるため、必要な構造に変換するためにいくつかの jQuery コードをまとめました。

jQuery は機能しているように見えますが、jCarousel は奇妙な動作をします。最初のアナウンスが正常に表示され、次に 2 番目のアナウンスが正常にスクロールされます。ただし、この後のスクロールごとに、最初のアナウンスが点滅し、2 番目のアナウンスがスクロールされます。最初にもう一度スクロールする必要がある場合。

正しく動作していましたが、空白のアナウンスが表示されていたので、空白のアナウンスを除外するコードを導入しました。問題を示すjsfiddleを次に示します。

http://jsfiddle.net/RzeEX/2/

前のコードから行った唯一の変更は、追加のブール値を追加することでした。

参照先: http://jsfiddle.net/RzeEX/3/

ただし、上記のフィドルでは、コードは前のものとまったく同じように機能しますが、私のサーバーでは余分な空白のアナウンスが表示されます。ここで複製できない理由がわかりません。

とにかく、誰かアイデアはありますか？

編集：実際には、2つ以上のアナウンスでテストしているだけで、うまくいくようです。http://jsfiddle.net/RzeEX/4/を参照

現在は期待どおりに動作していますが、2 つのアナウンスがあり、まだ壊れています。1 つのアナウンスがあり、何も表示されません! jCarouselLiteプラグインが機能すると私が信じているように、それはjQueryと関係があるに違いありません。

単一の発表については、http://jsfiddle.net/RzeEX/5/を参照してください。

私はこのhttp://www.gmarwaha.com/jquery/jcarousellite/を垂直スライダーに使用しています。

今私が持っている設定は次のとおりです。

問題は、CMSから表示可能なアイテムの量を動的に取得したいということです（したがって、varスライダーShowItems）が、そのようにするとjCaroulseLiteが壊れます。最初の4つ（cmsに4を入れた場合）のみが表示され、その後ランダムにスクロールし始めます。たとえば、visible：4とscroll：4を置くだけで、問題なく動作します。しかし、このように動的に数値を入力すると、分割されます:(そして、理由がわかりませんか？アドバイスはありますか？

http://www.gmarwaha.com/jquery/jcarousellite/のスクリプトを使用していますが、親指をナビゲーション ボタンとして機能させる必要があります。

5 つの可視画像があり、クリックした画像を中央に配置したいのですが...それを修正する方法はありますか?

私の考えは、次のようにクリックされたアイテムのインデックスを取得することです:

次に、そのアイテムを開始として設定します。

この種の機能は機能しますが、「循環：真」機能が壊れます。

start: を 0 以外に設定しても、バグが表示されます...

jCarousel を使用してアイテムのリストを表示しています。8つのアイテムがあるとしましょう。4 を表示し、10 秒待ってから、スクロールして最後の 4 を表示しています。最初の 4 を表示してから、データを再バインドするように指示するトリガーをスローしたいと思います。アイテムは更新され、このように循環し続けます。

これらのアイテムは、jquery.load [ajax] を通じてロードされています。アイテムがすべて表示された後、アイテムを再バインドしたい。2回サイクリングしたら再バインドできればもっといいのに。setInterval (時間ベース) を使用してデータを再バインドしていましたが、動的にしたいので、後で項目が追加されたときに javascript タイマーを変更する必要はありません。

私の呼び出しコードは次のようになります。

理想的には、次のようなものを追加できるようにしたいと考えています:

私はjavascriptとjQueryにかなり慣れていません。

私の Web サイトには jCarouselLite プラグインがあります。jquery.load 関数から li をロードしています。カルーセルを垂直に循環し、最初のアイテムが一番上に戻ってきたらすぐにトリガーする機能を持っています。

この時点で、別の ajax.load でデータを更新したいと思います。ここで問題が発生します。そのデータが再ロードされると、カルーセルは回転を停止します (または、バックグラウンドで実行されます)。

私が試した解決策の 1 つは、別のカルーセルでカルーセルを元に戻すことです。

ライン。これにより、2 つのカルーセルが同時に実行されるようです。そして、3 番目、4 番目、というように続きます。

基本的に、カルーセルをクリアし、更新されたデータをリロードしてから、もう一度実行する方法を探しています。何か案は？

私はjavascript、jqueryなどにかなり慣れていません.jCarousel（ライトではない）でもこれを試しましたが、垂直スクロールでは機能しませんでした。バギーだったようです。

ウィンドウのサイズを変更するときに jCarouselLite プラグインを再調整または破棄して再適用しようとしていますが、成功しません。これは、各ページが「li」である Web サイトを作成したためです。メニューをナビゲートするときにスクロールします。その「ページ」...

サイズ変更時にこれを使用し、jcarousellite を再適用しようとしましたが、うまくいきませんでした:

これは私が使用しているコードですが、jcarouselLite を再適用し続けると、カルーセルが狂ってしまいます!

解決：

「idrumgood」、「li」のみでこれを実行しようとしていましたが、プラグインの非アクティブ化についてもう少し調べたところ、クリックもバインド解除する必要があることがわかりました。適用する必要があったコードは次のとおりです。

AJAXがロードされたコンテンツでjCarouselLiteプラグインを使用しています：これが（簡略化された）コードです

HTML：

jQuery：

これまでのところ、すべて問題ありません。AJAXコンテンツが#contentに読み込まれ、jCarousel Liteがアタッチされ、＃pagerリンクが正常に機能します（アイテムをスクロールするだけです）。

ここで、＃pagerリンクにさらにいくつかのものを追加したいと思います（クラスを追加したり、アラートを開いたりするなど）。コンテンツはAJAXで読み込まれるため、.live関数を使用します。

まあ、何も起こりません！
jCarouselスクリプト（jQueryコードの5〜10行目）を削除すると、すべてが再び機能します

どうか、それを機能させるのを手伝ってもらえますか？そして、なぜjCarouselは.liveの動作を停止するのですか？回避策はありますか？

前もって感謝します

テキスト付きのjCarousel Liteカルーセルを含むページがあり、カルーセル内の特定の位置へのリンクを別のページに作成する必要があります。

どうすればこの位置にジャンプできますか?

このページでは jCarouselLite を使用しています

ここにコードがあります

そのようにして、7枚の画像を表示することもあれば、5枚の画像しか表示しないこともあれば、画像を表示しないこともあり、機能しなくなりました。

修正するのを手伝ってください。

ありがとう

スライドショーを実行しているCycleがあり、スライドショーにカーソルを合わせると前/次のグラフィックが表示されます。サイクルには、垂直のサムネイルページャーもあります。ページャーをカスタマイズされたバージョンのjCarouselliteでラップしました。これは、アクティブなサムネイルに.activeSlideクラスを配置し、独自の前/次のリンクのセットを持っています。

全体として、それはかなりうまく機能していて、ここで見ることができます：

http://www.spiritlevel.co.uk/cycletest/cycle_test.html

しかし、最後のハードルが1つあります...

スライドショーの前/次のグラフィックをクリックしたときに、新しく.activeSlideがカルーセルに表示されているかどうかを確認したいのですが、表示されていない場合は表示します...そして私は本当に助けを借りて行うことができました。

例を挙げると、上の私のリンクをクリックすると、カルーセルに8つのサムネイルが表示されます。サムネイル1がアクティブです。スライドショーの次のグラフィックをクリックすると、サムネイル2がアクティブになります。もう一度クリックすると、サムネイル3がアクティブになります。8回クリックしてサムネイル9がアクティブになるまでは問題ありません。問題は、サムネイル9がカルーセルに表示されないことです。この時点でコードを入力します。カルーセルをトリガーしてサムネイル9を表示するアクティブにします。（この場合、カルーセルで次のリンクをトリガーすると機能します）

このソリューションでは、ページの読み込みや、ユーザーがスライドショーの前のグラフィック（最後のスライドを表示）をクリックするなどの状況にも対処する必要があります。カルーセルで前のリンクをトリガーすることはここでは機能しません。アクティブなサムネイルを表示するには、次のリンクを複数回トリガーする必要があります。

私が明確になっていることを願っています-私が何をしたいのかを説明するのは実際にはかなり難しいですが、上の私のリンクをクリックするとかなり明白になると思います-説明するよりも見やすいです！

私は本当にこの最後のビットを機能させたいと思います、そしてあなたが与えることができるどんな助けにも感謝します。

ありがとう