問題タブ [fade]

私はしばらくの間オンラインで検索していて、この単純なタスクを実行するjqueryスクリプトを作成するための最良の方法を見つけようとしています。それは、ホバー時に画像をエレガントなフェード効果で交換することです。私は多くの解決策（面倒で不格好な方法）を見つけ、それを私が最も良いと思うものに絞り込みました：

http://designwoop.com/2009/08/image-hover-effect-using-jquery-tutorial/

http://bavotasan.com/tutorials/creating-a-jquery-mouseover-fade-effect/

私の目的では、このホバースワップを1ページで何度も実行できるようにしたいと思います。このページはhttp://www.vitaminjdesign.comです。現在、「サービスナビゲーション」（さまざまな種類のホバー）にホバーを設定していますが、フッターのソーシャルアイコンだけでなく、すべてのナビゲーションボタンにもホバーを適用したいと考えています。すべてのホバーは同じになります。2つの画像ファイルは、ホバー時に一方が他方にフェードインし、休暇時に戻ります。これについて行くための最良の方法は何ですか？上記のリンクの1つはおそらく？

私はjavascript、jQueryプールに身を投じようとしており、いくつかの代替ソリューションを見つけましたが、使用している既存のjavascriptでfadeIn/fadeOutを達成できる方法があるかどうかを確認したかった.

現在、次のスクリプトを使用して、メイン エリアの onclick (実際のサイトは onmouseover) で画像を切り替えるのはサムネイルです。

ここで確認できる基本的なテストがあります: http://www.souldesigngroup.com/client/miguel/editorial/

私はそれを達成するために複数の異なる方法を試し、いくつかの提案を与えられましたが、これまでのところ、それらのどれもどの症状でも機能していません. ですから、どんな考え、提案、解決策も大歓迎です。

代替手段があることはわかっており、そのうちの1つで再構築することに頼るかもしれませんが、これはセットアップされており、フェード以外は完全に機能しています.

助けてくれてありがとう！-ソレン

了解しました。新しいGoogleページをご覧になった方のために、私は自分のWebページで同様のアイデアを実行しようとしています。基本的には、画面上を移動するマウスで中央の画像をフェードインさせたいと思います。URLは次のとおりです。

http://mageia.rh.rit.edu/

これは、ほとんどの影響を取得するために使用しているJqueryです：http： //hv-designs.co.uk/2009/01/19/jquery-fade-infade-out/

ただし、おわかりのように、画像は読み込まれてからフェードアウトします。私がしたいのは、GoogleのWebページのように、マウスを動かすまで画像がまったく表示されないようにすることです。javasciptとCSSで画像の可視性を変えることを考えていたのですが、どうすればいいのかわかりません。アイデアをいただければ幸いです！

4 つの imagediv (imgdiv1、imgdiv2、imgdiv3、imgdiv4) と 4 つの contentdiv (condiv1 condiv2 condiv3、condiv4) と 1 つのメイン コンテンツ div (maincon) があるとします。すべての contentdiv (メイン コンテンツ div を除く) は「非表示」または非表示のままにする必要があります。 . imagediv にマウスオーバーすると、各コンがフェードイン効果で表示されます。すべての contentdiv は同じ場所にありますが、imagediv は一種のメニューです。

例: マウスを imgdiv1 の上に移動すると、condiv1 がスムーズにフェードインして表示されます。マウスが imgdiv1 の外に出ると、condiv1 はフェードアウト効果で非表示にフェードアウトする必要があります。imgdiv2、imgdiv3、および imgdiv4 についても同様です。maincon div は常にそこにあり、condiv は imagediv のマウスオーバーでトリガーされたときに maincon の上に移動する必要があります。

jQueryを使用してこれを達成するにはどうすればよいですか? 最善の方法は何ですか？

私が作ったいくつかの簡単な画像スライダーがあります。小さな画像のリストがあり、そのうちの1つがクリックされるたびに、ターゲットの大きな画像のソースをクリックされたものに置き換えます(+srcサーバーから大きな画像を取得するための操作)。

今、私は小さな画像をクリックして大きな画像をフェードアウトし、新しい画像がロードされたときにそれをフェードインしたい.

このコードで試しました：

これに関する問題は、ブラウザが画像をキャッシュすると、onclick 画像がすぐに読み込まれ、フェードインとフェードアウトすることです。これは少し面倒に見えます。

これ：

まったく色あせません。

何か案が？

jQuery のフェードインおよびフェードアウト効果を IE (6+7+8) で適切に動作させるのに問題があります。スクリプトは FF と safari では正常に動作しますが (うまくフェードします)、IE では表示/非表示になるだけで、フェード効果はまったくありません。

何か案は？

取得している href 属性は、単純に ul li の長さの位置を表す数値を保持しています。

背景画像を次々と変化させ、その過程でフェードインさせたい。マウスオーバー/マウスアウトの状況では、これを考慮してください。

jQueryを使用して背景画像をフェードするにはどうすればよいですか？

必要なjQueryプラグインはありますか？

C#を使用してWindows 7のように壁紙を変更するときにフェード効果を追加する方法はありますか? 記事へのコードやリンクは大歓迎です。

私はこの非常に基本的なタブ付きブロックを持っています:

..うまく機能しますが、アクティブなタブが変更されたときにフェード効果を追加できますか? プラグイン（インナーフェード）があると思いますが、できれば別のプラグインの使用は避けたいです。

また、上記のjQueryをさらに圧縮できますか?

ご協力いただきありがとうございます！

私は次のことをしようとしています:

ページに 2 セットの DOM 要素があります。最初のセットのすべての要素はクラスdisplay-elementを持ち、要素の 2 番目のセットはクラスを持ちedit-elementます。

これでボタンができました (id= edit-button)。このボタンをクリックするdisplay-elementsと、すべてがフェードアウトし、すべてがedit-elements表示されます。

私は自然にしました：

驚いたことに、これが期待どおりに機能しないことがわかりました。これが起こったことです: クラスを持つ最初の要素がdisplay-elementフェードアウトするとすぐに、すべてedit-elementsがフェードインし始めました.

今、すべてがフェードアウトした後にのみedit-elementsすべての開始をフェードインできる簡単な方法（おそらく私が見逃したドキュメントの何か）がありますか？display-elements

ありがとうござい
ます