問題タブ [jquery-cycle]

JQuery Cycle プラグイン (別のサイト全体のカスタム js ファイルで属性が定義されている) を使用して、フォームの 2 つのページ (テーブルで区切られている) を切り替えています。各ページには、そのページのコントロール用の独自の検証グループがあります。最初のページには「次へ」ボタンがあり、これを手動でクリックすると、最初の検証グループのページ検証が開始されます。失敗した場合は、ユーザーが情報を修正するためのツール ヒントが表示されます。検証が成功すると、cycle next コマンドが呼び出されます。

2 番目のページでは、コントロールは送信ボタンのある 2 番目の検証グループにグループ化されます。送信ボタンがクリックされると、サーバー側の検証がトリガーされ、失敗した場合はポストバックでページがリロードされます。2 番目のページが失敗した場合を除いて、これはすべて機能します。フォームを 2 番目のページにとどめておきます。したがって、フォームの 2 ページ目の検証に失敗したために Web ページがリロードされた場合は、開始スライドをフォームの 2 ページ目に設定するか、それが不可能な場合は、少なくともサイクルの次のコマンドをトリガーする必要があります。

開始スライドをフォームの 2 ページ目に設定することはできないようです。これは、別の js ファイルに設定されているサイクル関数の他の定義済み属性を上書きするためです。

では、送信ボタンがクリックされたときに 2 番目の検証グループが失敗したかどうかに基づいて、ポストバック ページの読み込み時に 2 番目のスライドに進む方法を知っている人はいますか? または、ビューステートなどを使用して別のことをする必要がありますか?

申し訳ありませんが、これは長々とした質問です。明確で混乱しないことを願っています。ありがとうございました

スライド遷移後にコールバック関数 (「revealContent」)を実行したいのですが、jQuery Cycle が最初に初期化するときにその関数を実行したくありません(これは実行します)。助言がありますか？

サイクルjqueryプラグインを使用しています。フェードインおよびフェードアウトする画像がいくつかあり、サイクルの最後に最後の画像で停止したいと思います。誰かがこれを行うための良い方法を知っていますか？ありがとう！

私はサイクルプラグインを使用していますが、もちろんIE8を除いて見栄えがします。誰にもアイデアはありますか？

ライブ: http://daveywhitney.com/moons/

CSS

これは、jquery サイクル、sIFR3、およびその他のいくつかのクレイジーなフランケンシュタイン衝突です。Chrome、Safari、および Firefox ではうまく機能しますが、IE 7 または 8 (もちろん) では機能しません。

http://ianmartinphotography.com/test-site/testimonials/sifr-dual.html

ここには、異なるレートに設定された 2 つの jquery サイクル スライドショーがあります。1 つは sIFR テキスト (フェードなし) 用で、もう 1 つは写真用のフェード付きです。私はすべてを 1 つのショーに収めましたが、スライドがフェードアウトすると、sIFR に奇妙なことが起こりました。(sIFR がトリガーされるように小さな遅延が設定されていることに注意してください。sIFR は、それがないと最初のスライドを超えて読み込まれません。)

このおかしなページを IE 7 & 8 で動作させる方法についてのアイデアはありますか?? 写真をフェードインおよびフェードアウトさせたいのですが、sIFR テキストはフェードせずにスナップインおよびスナップアウトできます。ありがとうございました！

jQuery Cycle プラグインを使用してホームページにスライドショーを掲載しています。そのためのマークアップは非常にシンプルで#slide ul、スライドショー コンテナーと#slide ul li各スライドとして使用しました。これらの各スライドショー アイテム内で、投稿のサムネイルの上にタイトルが表示されます。

サムネイルにカーソルを合わせるとコンテンツの抜粋がフェードインし、画像から離れるとコンテンツの抜粋がフェードアウトします。私が直面している問題は、サムネイルの 1 つにカーソルを合わせると、すべてのコンテンツの抜粋がフェードインすることです (確かに、他のものは表示されませんが、スライドショーが新しいスライドに切り替わるときに表示されることはわかっています)。 、次のスライドの内容の抜粋が既に表示されています)。

私が知る必要があるのは、jQuery を使用してすべてではなく、その特定のスライドのコンテンツの抜粋のみをフェードインおよびフェードアウトさせるにはどうすればよいかということです。

誰かが私の質問に答えてくれることを願っています。私はいつも投票してベストアンサーを選びます。

ここに私のjQueryコードがあります:

スライドショーの場合:

スクリプト: jQuery サイクル スライダー: http://jquery.malsup.com/cycle/

次のスライドが表示される直前に、次のコードを使用して、スライダー サムネイル コンテナーを「130px」だけ左に移動しています。最後のスライドに到達すると、余白は「0px」にリセットされます。これはうまく機能しますが、コンテナーは 3 番目のスライドまで移動しません。

これは私が使用しているコードです:

2 番目のスライドが表示されたら、どうすればシフトできますか。注: 上記のコードの "> 1" を "> 0" に置き換えると、ページが読み込まれるとすぐにコンテナーが移動します。

IEは私のまろやかさを厳しくしています...

jqueryが表示するまで、ページのjqueryで制御されたコンテンツを表示したくありません。ただし、Internet Explorer 7および8では、jqueryが引き継ぐ前にコンテンツが点滅して表示されます。$（window）.load関数と$（document）.ready関数を試しましたが、それでも同じ問題が発生します。

具体的には、Cufonがテキストを表示するまでテキストを表示したくないし、曲線の角が角を丸めるまでページ#fieldを表示したくない。また、jqueryサイクルのスライドショーがあり、スライドショーのすべてのコンテンツが一度に短時間表示されます。

1つの解決策は、私は特に熱心ではありませんが、次の方法でダーンページ全体を非常に高速にフェードインさせることです。

時間が0msに設定されていても、これはjqueryが表示するまですべての非表示コンテンツを非表示のままにするために機能します。ただし、欠点は、ページ間を移動するときにページが点滅することです。（私は期間で遊んでいますが、IEを使用すると、ページが空白になるだけです。jqueryを使用してIEでフェードインするものを取得することはできませんでした）。

最も複雑なページは次のとおりです。http：//ianmartinphotography.com/test-site/testimonials/index.htmlトップディレクトリのメイン（ホーム）インデックスページが稼働していますが、他の作業も行っています。 ... ありがとう！

私の問題は、説明するよりも見る方が簡単です:

トランジション中に画像が少し動き、見栄えが悪いことがわかります。Firefox では、これは起こりません。

HTMLコードは次のとおりです（CakePHP用のphpがいくつかあり、指定されたパラメーターで書き込みますが、代わりに通常のHTMLを使用しても問題は同じです）：

-- コードを読む前に、時間を節約するために、この問題の原因であると私が理解したことについての以下の説明をお読みになることをお勧めします --

CSSは次のとおりです。

したがって、CSS の変更、新しい div の追加、div の削除、および他の多くのことを試みた後、コードから 1 行を除いてすべての行を削除すると、問題がなくなることがわかりました。たとえば、「home_title」divの高さに応じて、行と行が1つしかない場合、問題が発生したり消えたりします。たとえば、20px の padding-top と padding-bottom を追加すると、すべて問題なく、遷移の問題はありません。しかし、20px ではなく 30px を追加すると、問題が発生します。

では、上の div の高さがトランジションの動作を変更する可能性はどのようにあるのでしょうか? 間に空の div を追加しようとしましたが、問題は解決しません。問題は、スライドショーからトップまでの距離にあるようです。また、「home_slideshow」で「position:absolute」を使用して手動で配置すると、問題もなくなりました。しかし、後で必要になるレイアウトの柔軟性が失われます。

ここで何が起こっているのかについてのアイデアはありますか? 事前にどうもありがとうございました！

だから私の質問はかなり簡単です。合計 10 枚の写真を含む「フェード」トランジションを使用してスライドショーを実行していて、典型的な次/前のボタンもあるとします。スライドショーは画像 1 から画像 10 まで自動的に循環します。ユーザーがいつでも再生順序を逆にできるようにするにはどうすればよいですか? たとえば、画像 6 を見ているときに、ユーザーは「前へ」(または必要に応じて新しいボタン) をクリックし、画像 5 に戻った後、スライドショーは画像 4、3、2... と続きます。

これは可能ですか？Cycle の 'rev' オプションについて読んで試してみましたが、うまくいきませんでした。

アイデアをありがとう！