問題タブ [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.
javascript - カルーセル ページャーを使用した Cycle2 スライドショーが機能しない
ページャーは、カルーセル スライドショーで「高度なカスタム テンプレート」を使用して作成されます。
どちらのスライドショーも、ページャーをクリックするまで問題ないように見えますが、奇妙な動作をします。アクティブなスライドの位置が変わりません。ページャーのアイテムをクリックすると、メインのスライドショーに正しいスライドが表示されず、完全に機能しなくなります。
こちらをご覧ください: http://jsfiddle.net/Shmfv/1/
考え?
jquery - 読み込まれた Ajax コンテンツに JQuery cycle2 を読み込む
Ajax で読み込まれた外部 HTML コンテンツで JQuery サイクルを開始しようとしていますが、うまくいかないようです:
html は次のとおりです。
javascript - 画像スライドショーのスライド内の画像を変更する
画像スライダーのスライドで画像を変更 する必要があります。
各スライドには、3 秒後に変化する2 つの画像が含まれています。
したがって、スライドには最初の画像が表示され、3 秒後に最初の画像が 2 番目の画像に変更され、さらに 3 秒後 (合計 6 秒) に現在のスライドが移動し、次のスライドが表示されます。
私の考えは、setTimeOut
関数を使用し、3 秒ごとに別の画像を呼び出すことです。そのため、3 秒後fadeOut()
に最初の画像とfadeIn()
2 番目の画像が表示されます。
私はcycle2cycle-after
とそのcycle-before
イベントを使ってこれを試しました:
しかし、これは私が期待したようには機能しません。それは画像を変更せず、壊れてnext
ボタンをprev
押します。コンソールが表示される場合は、current slide
.
どんな助けでも大歓迎です。
jquery-cycle2 - Cycle2 - ナビゲーションに前/次の画像を使用
実際のスライド画像をナビゲーションに使用する機能をカバーするドキュメントを見つけるのに苦労しています。カルーセルがあり、標準の前/次のオプションと同様に、カルーセル内の前の画像と次の画像をクリックできるようにしたいと考えています。当然のことながら、アクティブなスライドの左側にある前のスライドをクリックすると、カルーセルが 1 スライド戻り、現在のアクティブなスライドの右側にあるスライドをクリックすると、カルーセルが次のスライドに進みます。
どんな助けでも大歓迎です。わかりやすいはずですが、この機能を紹介するデモはないようです。
css - Cycle2: キャプションを画像の上に配置することはできますか?
フィドルはここにあります:http://jsfiddle.net/r4qyU/
これは、タイル効果のある JQuery Cycle2 スライドショーです。画像の上にキャプションを配置する方法がわかりません。スライドショーにはoverflow: hidden
、プラグインによってスタイルが適用されます。
そしてCSS:
javascript - jquery cycle2 スライドショーのネストされたスライドショーの次と前のボタン
cycle2 プラグインを使用して、いくつかの画像と別のスライド ショーで構成されるスライド ショーを表示します。内側のスライドショーの次と前のボタンは、適切に設定されていますが、何らかの理由で機能しません (例では上と下)。
と
どうすればそれらを機能させることができますか?
ここにデモがあります:http://jsfiddle.net/FKU2L/22/
jquery - サイクル2 jqueryプラグインでスライド間隔時間(スライド間)を修正する方法
http://jquery.malsup.com/cycle2/のサイクル 2 jquery プラグインを使用しています。
以下のコードは正常に動作していますが、スライド間のスライド間隔を修正できませんでした。スライド間隔時間を修正する方法。誰でもアドバイスできます..