問題タブ [jquery-cycle2]

HTML コンテンツ スライドで jQuery Cycle2 を使用しています。jQuery click() イベントでバインドしたいスライド内の要素を除いて、すべて正常に動作します。デスクトップ PC ではイベントが発生しますが、タッチ デバイスでは発生しません。

だから私がやりたいことは、 a.more -link をバインドすることです:

しかし、これはタッチデバイスには影響しません!

だから、Cycle2 プラグインを使用してカルーセルを作成しようとしています。これとの違いは、次のボタンと前のボタンをクリックしたときに前後に循環するだけでなく、ボタンの上にカーソルを置くと前後に循環し始めることです。

カルーセルを一時停止し、次のボタンのホバーで再開する次のコードを使用して、次のボタンのこの動作を作成できます。

前のボタン ホバーでスライドショーの方向を逆にする方法がわかりません。何か案は？

どんな入力でも大歓迎です。前もって感謝します。

ページにあるこの href はサイクル 2 スライダーに含まれているため、画像の下にキャプションが表示されます。ただし、クリックして新しいタブを開くと機能しません。右クリックしてから「...に移動」をクリックした場合にのみ機能します。誰かが理由を知っていますか？

wordpress のプラグイン: http://www.advancedcustomfields.com/

コード： <a class="alt-caption" href="http://<?php the_field('url_site'); ?>"><?php the_field('url_site'); ?></a>

JQuery サイクル 2 を使用しており、スライドが表示されたときにスライドのインデックスを表示する必要があります。

HTMLは次のとおりです。

Javascript は次のとおりです。

フィドルのデモは次のとおりです。

http://jsfiddle.net/mddc/kKD9S/1/

問題は、ページの読み込み時に最初のスライドが表示されることですが、イベント「cycle-before」が発生せず、最初のスライドが最後のスライドで処理されているように見えることです。

私がしたことは間違っていますか？

ありがとう！

Cycle2 http://jquery.malsup.com/cycle2/を使用してスライドショー内でスライドショーを作成しようとしていますが、スライドショーの高さを動的にし、その下のコンテンツをプッシュする必要があるため、いくつかの問題が発生していますその下に。

スライドショーには 2 つのタブがあり、それぞれ高さが可変の 6 つの「製品」を含む 2 つのスライドが表示されます。これまでに私が持っているものの例を次に示します: http://jsfiddle.net/Leta9/8/

問題:

(1) スライドショーが正しく初期化されていないようです。「Tab 1」と「Tab 2」を数回クリックすると、自動的に修正されますが、最初に（私の場合、Chromeで）1番目のタブの後ろに2番目のタブが表示されます。

(2) 内側のスライダーの scrollHorz トランジションは少しファンキーに見えます。希望どおりに常に赤いボックスに含まれているとは限らず、トランジション中にオーバーフローします。

(3) スライダーの下のコンテンツが下に押されていません。ここで外側のスライドショーを適用する前に（つまり、ネストなしで）http://jsfiddle.net/Leta9/7/追加したように、レスポンシブの高さは正常に機能していますdata-cycle-auto-height="container"（Dynamic Container Sizing docs - http://jquery.malsup. com/cycle2/demo/container-resize.php ) 以下のコンテンツは、私が望むように下にとどまります。

これが掲載されている Web サイトでも Foundation 3 を使用しているため、フィドルで模倣した列に関係する追加の CSS スタイルがいくつかありますが、これが影響を与える理由がわかりません。

文字通り何時間もこれに苦労してきましたが、助けていただければ幸いです。ありがとうございました！

HTML:

CSS:

jQuery Cycle2 Malsup プラグインの最初のスライドの [前へ] ボタンと最後のスライドの [次へ] ボタンを無効にするにはどうすればよいですか?

この質問は、Cycle "1" プラグインについて以前に回答されていることを知っています (また、malsup のページにデモとして投稿されていることも知っています)。しかし、 Cycle 2バージョンに実装するにはどうすればよいでしょうか? 私はどこにも簡単な答えを見つけることができないようです.Cycle 2 APIページを理解するにはJavascriptの初心者です. 誰かフィドルを見せて助けてくれませんか?

私は、Cycle2 ベースのカルーセルをまとめています。基本的に、他のすべての画像は白黒の画像でなければなりません。したがって、最初のロードでは次のようになります。

画像 A = 白黒
画像 B = カラー
画像 C = 白黒
画像 D = 非表示

スライドショーが進むと、次のようになります。

画像 A = 非表示 画像
B = 白黒
画像 C = カラー
画像 D = 白黒

class を追加して白黒変換を処理するGianluca Guarini のjQuery.BlackAndWhite.bwWrapperプラグインを発見しました。パラメータを使用するscrollHorzと、2 つがうまく連携しますが、を使用するとうまくいきませんcarousel。カルーセルは期待どおりに実行されますが、BlackAndWhite は機能しません。

私のコードは以下です。2 つのブロックの唯一の違いは、DIV にあることです。私の推測では、jQuery.BlackAndWhite が実行され(window).load、その後 Cycle2carouselが画像に入りますか?

これらを協力させる方法について何か考えはありますか？

次のコードがあります

ウィンドウの幅に応じて複数の carouselVisible を作成する方法は?