問題タブ [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.
css - そのコンテンツにコンテナ div を作成する最良の方法は?
彼らのデモのような基本的なcycle2がある場合:
css を使用して画像の上に外側のサイクル スライド ショーを作成する方法はありますか。表示されている画像をクリックすると、実際にはコンテナーをクリックし、rgba(100,100,100,0.5) のような背景色がすべての画像の上にオーバーレイされます。変化する?
jquery - アンカースライドの不適切なトランジションを使用するjQuery cycle2
jquery cycle2 を初めて使用します。スライドが画像の場合はうまく機能しますが、スライドがアンカーの場合は、指定した scrollHorz トランジション効果を使用しません。代わりに、トランジションはアンカーの右上から伸びます。
以下のコードでは、最初のスライドショーは期待どおりに動作し、2 番目のスライドショーでは、トランジション効果は不明なタイプ (scrollHorz ではありません) です。
jquery - jQuery Cycle2 - ビデオをdivに入れ、ビデオの開始時にスライドを一時停止する方法は?
私はビデオや画像をスライドさせたくありません。その div 内に Youtube ビデオがあるかどうかに関係なく、div をスライドする必要があります。
divをスライドとして持つことは可能ですか?そのdivの中にビデオがある場合、ユーザーはそれを再生できますが、ビデオの再生中にスライドを一時停止するにはどうすればよいですか?
ありがとう
jquery - Cycle2 ページャーが Youtube ビデオ コントロールを無効にする
Cycle2 ( http://jquery.malsup.com/cycle2/ ) スライドショー プラグインを使用して、Web サイトに画像を表示しています。問題は、画像と一緒にビデオを表示したいときに、Cycle2 の css が YouTube ビデオのコントロールを無効にすることです。
これは、画像とビデオを表示するために使用するコードです。
いくつかのデモのコードの一部を使用しました。これは私のCSSです:
そのビデオが前面に来ると自動的に再生されるように設定し、ユーザーがそのビデオの上にカーソルを置いてもスライドは変わりません。ユーザーがカーソルを離すと、2 秒後に次のスライドが表示されます。また、ユーザーが特定の画像/ビデオに手動で切り替えることができるように、上にページャーがあります。
これはどのように見えるかです:
最初の 4 つのドットは画像を表し、最後のドットはビデオを表します。問題は、ビデオのコントロール (一時停止、再生、ミュート、ビデオの名前をクリック...) にアクセスできないことです。ビデオの再生が開始されるとすぐに消えます。
ありがとうございました。
javascript - ウィンドウのサイズ変更時に Cycle2 を破棄する
http://jquery.malsup.com/cycle2/api/を使用しています。モバイル デバイスを検出すると、ウィンドウのサイズ変更イベントで cycle2 スライダーを破棄しようとしています。残念ながら、次の 2 つのエラーが返されます。
多分誰かが助けることができます、私は何が間違っていますか? コードは次のとおりです。
ありがとうございました。
jquery - サイクル 2: メイン スライドショーの下の中央カルーセル アクティブ スライド
このデモのようなページャー カルーセル付きの jCycle2 スライドショーがあります
アクティブ スライドをメイン カルーセルの下の中央に配置したいのですが、有効な解決策が見つかりません。カルーセルに data-cycle-carousel-offset="40%" を追加しようとしましたが、これはうまく機能しますが、オフセットのためにカルーセルの最後の 3 つのスライドにアクセスできません。同じ結果の CSS ソリューションも試しました。
望ましい結果の添付画像。
現時点の:
希望:
ありがとう!
jquery - jQuery Cycle2 sideshow のキャプション テキストがフェードしますか?
サイクル 2 でキャプション テキストをフェードする方法を探しています。私のテキストはスライドの外にあり、フェードします。ここで同様に提供された回答は、私にとってはうまくいきません。ここに私のスライドショーがあります:
前もって感謝します。
jquery - Malsup cycle2 は幅に基づいてスライドしますか?
iPad レイアウトの場合は 3 枚のスライドを、ユーザーが iPhone を使用している場合は 1 枚のスライドを表示しようとしています。これはcycle2で可能ですか?どうすればいいですか?
javascript - Cycle2 - goto: スキップ
Cycle2 で、goto
関数が既にそのスライドにあるためにスキップされていることを通知する方法はありますか。
処理できるケースがいくつかあり、これを適切な方法で処理したいのですが、これに対してトリガーされているイベントが見つからないようです。