問題タブ [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 投票する
0 に答える
115 参照

css - そのコンテンツにコンテナ div を作成する最良の方法は?

彼らのデモのような基本的なcycle2がある場合:

css を使用して画像の上に外側のサイクル スライド ショーを作成する方法はありますか。表示されている画像をクリックすると、実際にはコンテナーをクリックし、rgba(100,100,100,0.5) のような背景色がすべての画像の上にオーバーレイされます。変化する?

0 投票する
3 に答える
1347 参照

jquery - アンカースライドの不適切なトランジションを使用するjQuery cycle2

jquery cycle2 を初めて使用します。スライドが画像の場合はうまく機能しますが、スライドがアンカーの場合は、指定した scrollHorz トランジション効果を使用しません。代わりに、トランジションはアンカーの右上から伸びます。

以下のコードでは、最初のスライドショーは期待どおりに動作し、2 番目のスライドショーでは、トランジション効果は不明なタイプ (scrollHorz ではありません) です。

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

jquery - jQuery Cycle2 - ビデオをdivに入れ、ビデオの開始時にスライドを一時停止する方法は?

私はビデオや画像をスライドさせたくありません。その div 内に Youtube ビデオがあるかどうかに関係なく、div をスライドする必要があります。

divをスライドとして持つことは可能ですか?そのdivの中にビデオがある場合、ユーザーはそれを再生できますが、ビデオの再生中にスライドを一時停止するにはどうすればよいですか?

ありがとう

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

jquery - Cycle2 ページャーが Youtube ビデオ コントロールを無効にする

Cycle2 ( http://jquery.malsup.com/cycle2/ ) スライドショー プラグインを使用して、Web サイトに画像を表示しています。問題は、画像と一緒にビデオを表示したいときに、Cycle2 の css が YouTube ビデオのコントロールを無効にすることです。

これは、画像とビデオを表示するために使用するコードです。

いくつかのデモのコードの一部を使用しました。これは私のCSSです:

そのビデオが前面に来ると自動的に再生されるように設定し、ユーザーがそのビデオの上にカーソルを置いてもスライドは変わりません。ユーザーがカーソルを離すと、2 秒後に次のスライドが表示されます。また、ユーザーが特定の画像/ビデオに手動で切り替えることができるように、上にページャーがあります。

これはどのように見えるかです:

ここに画像の説明を入力

最初の 4 つのドットは画像を表し、最後のドットはビデオを表します。問題は、ビデオのコントロール (一時停止、再生、ミュート、ビデオの名前をクリック...) にアクセスできないことです。ビデオの再生が開始されるとすぐに消えます。

ありがとうございました。

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

javascript - ウィンドウのサイズ変更時に Cycle2 を破棄する

http://jquery.malsup.com/cycle2/api/を使用しています。モバイル デバイスを検出すると、ウィンドウのサイズ変更イベントで cycle2 スライダーを破棄しようとしています。残念ながら、次の 2 つのエラーが返されます。

多分誰かが助けることができます、私は何が間違っていますか? コードは次のとおりです。

ありがとうございました。

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

jquery - サイクル 2: メイン スライドショーの下の中央カルーセル アクティブ スライド

このデモのようなページャー カルーセル付きの jCycle2 スライドショーがあります

アクティブ スライドをメイン カルーセルの下の中央に配置したいのですが、有効な解決策が見つかりません。カルーセルに data-cycle-carousel-offset="40%" を追加しようとしましたが、これはうまく機能しますが、オフセットのためにカルーセルの最後の 3 つのスライドにアクセスできません。同じ結果の CSS ソリューションも試しました。

望ましい結果の添付画像。

現時点の:

現時点の

希望:

望ましい

ありがとう!

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

jquery - jQuery Cycle2 sideshow のキャプション テキストがフェードしますか?

サイクル 2 でキャプション テキストをフェードする方法を探しています。私のテキストはスライドの外にあり、フェードします。ここで同様に提供された回答は、私にとってはうまくいきません。ここに私のスライドショーがあります:

前もって感謝します。

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

jquery - Malsup cycle2 は幅に基づいてスライドしますか?

iPad レイアウトの場合は 3 枚のスライドを、ユーザーが iPhone を使用している場合は 1 枚のスライドを表示しようとしています。これはcycle2で可能ですか?どうすればいいですか?

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

javascript - Cycle2 - goto: スキップ

Cycle2 で、goto関数が既にそのスライドにあるためにスキップされていることを通知する方法はありますか。

処理できるケースがいくつかあり、これを適切な方法で処理したいのですが、これに対してトリガーされているイベントが見つからないようです。