問題タブ [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.
twitter-bootstrap - ブートストラップモーダルとサイクル2を使用したFirefoxで画像が制限されない
ブートストラップモーダル内に簡単なスライドショーをまとめようとしています。画像の遷移には Cycle2 を使用しています。これは、モバイル デバイスを含む chrome と safari で美しく機能しています。問題は、Firefox と IE のモーダル ウィンドウのサイズに画像が制限されていないことです。画像だけの場合は機能しますが、画像を div レイヤーにテキスト コンテンツでラップすると爆発します。画像だけを表示する 2 つのフィドルと、コンテンツを含む 2 つ目のフィドルがあります。
画像のみ: http://jsfiddle.net/GswZ2/1/ (すべてのブラウザーで動作)
コンテンツと画像: http://jsfiddle.net/aFmS9/4/ (IE と FF では動作しません)
助けてくれてありがとう！
javascript - NextGenとの互換性を保ちながらCycle2を使用する方法は?
公式の FAQによると、jQuery Cycle2 をその前身であるjQuery Cycle pluginと一緒に使用することはできません。
問題は、Wordpress でこれを使用していて、NextGen ギャラリーを有効にすると、古い Cycle プラグインがキューに入れられて失敗することです。
同じページで両方を使用する方法はありますか、または少なくとも NextGen の Cycle を削除し、互換性シムを作成して Cycle2 を使用する方法はありますか?
jquery - jquery cycle2は現在のスライドの幅を取得します
jQuery Cycle2 プラグインhttp://jquery.malsup.com/cycle2/demo/basic.phpを使用しています
現在のスライド/画像の幅を取得し、それを使用して別の要素の幅を設定する必要があります。
各画像の幅は異なる場合があり、それに応じてサイズを変更するには、画像の上にバーが必要です。
現在/アクティブなスライドの幅を取得するにはどうすればよいですか?
jquery-cycle2 - jqueryサイクル2の連続スライダーを使用する方法ですが、複数の画像がありますか?
jquery サイクル 2 を使用して連続スライドショー効果を取得しています... http://jquery.malsup.com/cycle2/demo/continuous.php
コードは次のとおりです。
これは機能します。ただし、1 つの画像だけが画面を横切ってスライドし、次の画像が表示されます。私が欲しいのは、すべての画像が隣り合ってスライドするので、5つが表示され、回転して回転するようになりますか?
jquery - Webkit ブラウザーがランダムにアニメーション化されるのはなぜですか?
最近、Webkit ブラウザーで表示した場合にのみ、jQuery 1.9+ と Cycle2 に問題があることに気付きました。タイル エフェクトは、左から右にスムーズに遷移するはずです。
jsfiddleでわかるように、このランダム性は Chrome、Chromium、Midori... Webkit ブラウザーでのみ発生します。
jquery - Cycle2 初期化イベントが発生しない
基本的なカルーセルに Cycle2 を使用しています。スライド アイテムのデータに URL が含まれている場合があるため、Cycle2 API イベントを使用してその URL を使用する必要があります。
私の問題は、「cycle-after」イベントが正常に発生する一方で、どの初期化イベントも発生しないことです。したがって、最初のスライドに URL がある場合、何も起こりません。これは私のコードです：
最初のイベントは発生しませんが、スライドショーをスクロールすると、「cycle-after」イベントが正常に機能します。また、発生しなかった「cycle-initialized」イベントと、スクロール後にのみ発生し、初期化では発生しなかった「cycle-update-view」イベントも試しました。
何を与える？&事前にthnx :}
jquery - Cycle2 を使用して、アクティブなスライドに基づいてボディ クラスを切り替えます
スタックオーバーフローさん、こんにちは。
どこから始めればよいかわからないため、これに対応するコードはありません。事前にお詫び申し上げます。
私はインターネットで解決策を探しましたが、これは本当に単純である（そして私は物事を複雑にしすぎている）か、やや専門的である可能性があるように感じます.
現在の状況: 私は選択したスライダーとしてCycle2を使用しています (そして、それを使い続けることを好みます - 別のスライダー TBH を使用するのは難しいでしょう)。各スライドには、特定の「色」クラスと「スライド」クラスがあります
必要なもの<body>:アクティブなクラスの色に基づいてクラスを変更する必要があります。
考え: したがって、色クラスの命名規則はまだありませんが、[名前].col-[name]が黄色、赤などのようなものになる可能性があると考えていました。したがって、スライダーのアクティブなクラスがcol-yellowの場合、このクラスを に追加するため、背景色/画像 (必要な CSS は何でも) を本体に追加できます。<body>
次に、アクティブなスライドが変更され、その body クラスがcol-redのようなものに変更された場合、<body>一致します。
これが理にかなっていて、Stack Overflow の素晴らしい人が私を助けてくれることを願っています。
これを読んでくれてありがとう！
jquery - jQuery サイクル カルーセルの子で位置が失敗する
「カルーセル遷移」を備えた jQuery プラグイン cycle2 を使用してニュース サイクルを作成したいと考えています。すでに問題なく動作していますが、修正する必要がある問題が 1 つあります。ニュース項目の高さが同じでない場合、コンテナは最大の子の高さを取得し、その他はコンテナの下部に配置されます。
ありがとう！サイモン