問題タブ [jquery-cycle2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
2255 参照

javascript - カルーセル ページャーを使用した Cycle2 スライドショーが機能しない

ページャーは、カルーセル スライドショーで「高度なカスタム テンプレート」を使用して作成されます。

どちらのスライドショーも、ページャーをクリックするまで問題ないように見えますが、奇妙な動作をします。アクティブなスライドの位置が変わりません。ページャーのアイテムをクリックすると、メインのスライドショーに正しいスライドが表示されず、完全に機能しなくなります。

こちらをご覧ください: http://jsfiddle.net/Shmfv/1/

考え?

0 投票する
2 に答える
4667 参照

jquery - 読み込まれた Ajax コンテンツに JQuery cycle2 を読み込む

Ajax で読み込まれた外部 HTML コンテンツで JQuery サイクルを開始しようとしていますが、うまくいかないようです:

html は次のとおりです。

0 投票する
2 に答える
1306 参照

javascript - 画像スライドショーのスライド内の画像を変更する

画像スライダースライドで画像変更 する必要があります。

各スライドには、3 秒後に変化する2 つの画像が含まれています。

したがって、スライドには最初の画像が表示され、3 秒後に最初の画像が 2 番目の画像に変更され、さらに 3 秒後 (合計 6 秒) に現在のスライドが移動し、次のスライドが表示されます。

私の考えは、setTimeOut関数を使用し、3 秒ごとに別の画像を呼び出すことです。そのため、3 秒後fadeOut()に最初の画像とfadeIn()2 番目の画像が表示されます。

私はcycle2cycle-afterとそのcycle-beforeイベントを使ってこれを試しました:

JSFiddle

しかし、これは私が期待したようには機能しません。それは画像を変更せず、壊れてnextボタンをprev押します。コンソールが表示される場合は、current slide.

どんな助けでも大歓迎です。

0 投票する
0 に答える
389 参照

jquery-cycle2 - Cycle2 - ナビゲーションに前/次の画像を使用

実際のスライド画像をナビゲーションに使用する機能をカバーするドキュメントを見つけるのに苦労しています。カルーセルがあり、標準の前/次のオプションと同様に、カルーセル内の前の画像と次の画像をクリックできるようにしたいと考えています。当然のことながら、アクティブなスライドの左側にある前のスライドをクリックすると、カルーセルが 1 スライド戻り、現在のアクティブなスライドの右側にあるスライドをクリックすると、カルーセルが次のスライドに進みます。

どんな助けでも大歓迎です。わかりやすいはずですが、この機能を紹介するデモはないようです。

0 投票する
1 に答える
1598 参照

css - Cycle2: キャプションを画像の上に配置することはできますか?

フィドルはここにあります:http://jsfiddle.net/r4qyU/

これは、タイル効果のある JQuery Cycle2 スライドショーです。画像の上にキャプションを配置する方法がわかりません。スライドショーにはoverflow: hidden、プラグインによってスタイルが適用されます。

そしてCSS:

0 投票する
1 に答える
1925 参照

javascript - jquery cycle2 スライドショーのネストされたスライドショーの次と前のボタン

cycle2 プラグインを使用して、いくつかの画像と別のスライド ショーで構成されるスライド ショーを表示します。内側のスライドショーの次と前のボタンは、適切に設定されていますが、何らかの理由で機能しません (例では上と下)。

どうすればそれらを機能させることができますか?

ここにデモがあります:http://jsfiddle.net/FKU2L/22/

0 投票する
1 に答える
1348 参照

jquery - サイクル2 jqueryプラグインでスライド間隔時間(スライド間)を修正する方法

http://jquery.malsup.com/cycle2/のサイクル 2 jquery プラグインを使用しています。

以下のコードは正常に動作していますが、スライド間のスライド間隔を修正できませんでした。スライド間隔時間を修正する方法。誰でもアドバイスできます..