問題タブ [jquery-cycle2]

スライドごとに複数の要素を含む構成可能なスライドショーを表示するために、malsup の cycle2 カルーセル プラグインを使用しています (カルーセル表示オプションを使用)。フェードアウトなど、デフォルト以外のトランジション効果を使用できるようにしたいと考えています。

「カルーセル」の代わりに「フェードアウト」FX を指定すると機能しますが、カルーセル表示オプションは機能しなくなり、スライドあたりの要素数は常に 1 になります。

誰かが以前にこの問題を抱えていましたか?

よろしくお願いします！

ここのようなフォトギャラリー：

画像のようなフォトギャラリーを作成しています。次のオプションが必要です: サムネール行の次/前のボタンをクリックすると、サムは 1 つの位置だけ移動する必要がありますが、サムを移動しても大きな写真は変更されません。Cycle2 で作成し、次のように初期化します。

ただし、サムネイル行の前/次のボタンをクリックすると、アクティブなスライドが常に親指で変更されます。したがって、1 つのアクティブな大きなスライドと他のアクティブな親指があります (それらは同じではありません)。親指の前/次で「.cycle-slide-active」が変更されないようにする必要があります。これは現在のプラグインで修正できますか?

私はこれを高低で検索しました。これは、Cycle2 ライブラリを使用して質問をしている人々がいると思われる唯一のサイトなので、非常に単純なタスクであるべきことを誰かが手伝ってくれることを願っています. 画像の代わりに div を含む Cycle2 スライダーを使用している ASP.NET ページがあります。例ごとにカスタムページャーを使用しています。すべてが正常に機能しています - div トランジションと番号付きページャーのリンクをクリックすると、関連するスライドが読み込まれますが、ページャー div の番号リンクは、スライドのトランジションとして強調表示されたり、まったく変更されたりしません。現在のスライド。関連するスライドがアクティブになると、番号の色を変更することは可能ですか? これは、私の aspx ページのマークアップの一部です。asp:PlaceHolder タグのコンテンツは、コード ビハインドによって設定されます。

cycle2およびcycle2-carouselプラグインを使用してカルーセルに取り組んでいます。

サイズ変更されたウィンドウの幅に応じて可変数のアイテムを表示するソリューションを見つけました。

問題は、別のスライドショーが原因でカルーセルが壊れることです。

メインのスライドショーが最初のスライドを循環するまで、すべてが機能しており、ページのサイズを変更すると、カルーセルは 1 つのスライドのみを表示します。

デモ

http://jsfiddle.net/yDRj4/1/

jQuery

HTML

スライドが変更されたときに現在のページャーが別の画像に変更されるように、カスタム画像を使用してページャーを作成する方法を教えてください。

次の例では、別のスライドがアクティブになったときにサイクル ページャーの画像を変更します。

どんな助けでも大歓迎です！

私はWordpressを使用しています。テーマの上部に、これらのスクリプトをこの順序で配置しています。jquery.js- cycle2.js- header_scripts.js-lightbox.js

私がやろうとしているのは、ライトボックスとサイクル 2 プラグインをリンクすることです。ライトボックスで次/前を押すと、サイクル 2 でスライドが変更されます。このコードはまさにそれを行います。

ノート。lightboxNext / Prev は、ライトボックス スクリプトに次のように追加されます。

このコードが Wordpress ループ内に配置されると、機能して実行されます。ただし、複数の投稿がある場合、リスナーは 1 回ではなく複数回トリガーされるため、コードはそこにとどまることはできません。

コードを header_scripts.js に移動してみました。コードは実行されません。次のコードが header_scripts.js に追加されました

ページを読み込んで本文をクリックすると、コンソールに次のように表示されます。

ドキュメント準備完了

ボディクリック

それでも、lightboxNext/Prev リスナーはトリガーしません。なんで？

また、このコードをページの下部に追加してみました。どちらも機能しません。何らかの理由で、コードは Wordpress ループ内でのみ機能します。どんな助けでも大歓迎です。

cycle2 スライドショーで画像をトリミングして中央に配置するソリューションに取り組んでいます。

このプラグインを使用して、スライドショーの画像のサイズを変更し、親に中央揃えしています。

私が抱えている問題は、トランジション後に画像を中央に配置していることですが、これにより各スライドが所定の位置に「ジャンプ」します。すべての画像をスライド初期化の中央に配置してサイズを変更する方法が見つからないようです。

http://jsfiddle.net/mwHk4/1/

ハイ！800px X 600pxコンテナのサイズに合わせて画像のサイズを変更する方法はありますが、画像は600px X 800px通常のままです。私はjQuery Cycle2宿泊施設のページに使用しており、ユーザーは CMS を介して画像を挿入できます。したがって、あらゆる種類の解像度があり、水平方向の画像をストレッチする必要はありますが、垂直方向の画像はストレッチしません。

こんにちは、助けてくれてありがとう、私はここにサイトを作成しました：

http://www.furniturebymartin.co.uk/index.html

インデックス ページのスライドショーは、Safari を除くすべてのブラウザで美しく動作しますが、iPhone の Safari でのみ動作します。iPadで見栄えがします。iPhone では、画像がページの左側に押しつぶされます。これを修正する方法がわかりません。インターネットで答えを検索しましたが、運がありません。誰かが助けてくれたら、私はとても感謝しています。ありがとう。