問題タブ [fadein]

jQuery で簡単なフェード ギャラリーを作成しました。基本的には一連の画像をループし、次から次へとフェードします。予測どおり、最後の画像に到達するまでは完全に機能し、最後から最初の画像にフェードせず、表示するだけです。

ここに私のjQueryがあります

});

注: 7 つの画像しかありません。

そして私のマークアップ

問題はラインにあると思います

画像でいっぱいのページがあり、ロード時に各画像をフェードインさせたいです。次のコードは機能しますが、バグがあるように見えます。基本的に、すべての画像がフェードインしない場合があります。

誰かがこれを改善する方法の提案がありますか？

ありがとう

これをチェックしてください：http: //novarose.co.cc/web2/

フェード効果がめちゃくちゃで、うまく機能させる方法がわかりません。

コードを次の順序で実行したい：

1. フェードアウトブロック
2. 新しいコンテンツを挿入する
3. フェードインブロック

そのページの私のjQueryコード：

$('#navigation a').click(function(){ $.get("page.php", { ページ: $(this).attr('id') }, function(data){ $('# content').fadeOut('slow').html(data).fadeIn('slow'); }); });

.load関数を使用して、jQueryを使用して別のページにロードしています。

これが私のコードです：

うまく機能していますが、新しいページでフェードインしたいと思います。とにかくロードとフェードイン機能を組み合わせることができますか？試しましたが、うまくいきません。

これが私の試みです：

.load関数と.fadeIn関数を組み合わせるにはどうすればよいですか？

ユーザーがリンクをクリックするたびにフェードインおよびフェードアウトする折りたたみ可能なグリッドがあります。問題は、ユーザーがリンクを非常にすばやく複数回クリックすると、複数のグリッドが開いてフェードアウトしないことです..この問題は IE ではなく Firefox でのみ見られます。

私は次の順序付けられていないリストを持っています：

一方、現在のページの「実際のページは変数名です」というカウンターがあります。

Jquery imを使用すると、ユーザーがこの2つのボタンをクリックしたときに、実際のページのカウンターに応じて、li要素をフェードアウトおよびフェードインしようとします。

フェードアウトとフェードインに使用している行は次のとおりです。

効果は機能していますが、ちらつき効果があるため、アイテムはフェードアウトし始めますが、しばらくの間、リストの高さのスペースが大きくなります。フェードインが完了すると、リストは元の高さのサイズに戻ります。

何が問題なのか、どうすれば解決できますか？

前もって感謝します。敬具。ホセマ。

次のような HTML 構造があります。

そして、フェードイン/アウト効果のための小さな jQuery コード スニペット:

a#zoom最後に、要素にカーソルを合わせたときに要素を表示したいと思いul#carousel li aます。ただし、フェードイン/アウト効果には奇妙な点があります。

これは私の作品ページです。オンラインでご覧いただけます。

では、どうすればこの奇妙さを修正できますか?

アニメーションの発生中にリスト項目がクリックされないようにしています。したがって、クリック ハンドラーの上部で、次のようなことを行いたいと考えています。

上記の if ステートメントの 'bang' (!) に注意してください。テストはしていませんが、これでうまくいくと思います。私が確信していないのは、「.is(:animated)」が、fadeIn() および fadeOut() によってアニメーション化されている要素に対して実行されたときに true を返すかどうかです。jQuery には .animate() 関数があることは知っています。その関数を使用してアニメーション化された要素に対して :animated が確実に機能すると思いますが、fadeIn() および fadeOut() を使用する要素でも機能しますか? ありがとう。

更新:いくつかの劇的な誤投稿の後、すべてがうまくいっているように見えます。すべての素晴らしいフォローアップと編集の返信者に感謝します. 最終的に、jQuery ソースは .animate() を使用してこれらの効果を実現しているため、:animated は、fadeIn() および fadeOut() を使用してアニメーション化された要素と一致することがわかりました。私の最終チェックは、最初に投稿されたとおりでした：

..いくつかの例で提案されているように .not() を使用するのではなく (ただし、これらは現在投稿されているとおりに機能すると思います)。再度、感謝します。

したがって、マウスを div logo1の上に移動すると、div content1フェードインを作成しようとしています。マウスがlogo1の上になく、コンテンツ div の可視性が CSS に隠されている場合、content1はフェードアウトする必要があります。logo2 3 と 4 も同様

このコードを試してみましたが、うまくいきませんでした (フェードインを使用した後に追加する場所がわからないため、フェードアウトを追加しませんでした)

私のコードの何が問題になっていますか? これを行う簡単な方法はありますか？ワンイベントでできるの？

編集：

ここにHTMLテゲリルがあります

JavaScript ビット

そしてCSS

こんにちは、私の Web サイトにアクセスしたときに Web サイトのナビゲーションがフェードインし、サイトの他のページにアクセスしたときに表示されたまま (つまり、再びフェードインしない) にしたいと思います。

これを達成する最善の方法は、同じドメインからアクセスした場合にフェードイン効果を無視するよう jQuery に指示することでしょうか? もしそうなら、誰かが私がこれをどのように書くか教えてもらえますか?

どうもありがとう、ギャビン