問題タブ [fadeto]

css/background-images を使用して、複数のアイコン IMG を UL に並べてリストしています。

1 つのアイコンにカーソルを合わせると、IMG が 0 になり、css/background-image が表示されます。

正常にフェードバックすることはできますが、背景画像は表示されたままで、IMG の後ろに数ピクセル表示されます (メインの IMG が黒で、css/背景画像がオレンジ色であるとします)。

background-image の位置を 0 0 に設定すると、IMG の fadeTo が終了する前に消えます。

したがって、基本的には、「通常、1」が終了したら、背景の位置を変更したいと考えています。

それが理にかなっていることを願っています。

誰でも助けることができますか？

コードは次のとおりです。

私はこのように非常に単純な onmouseover fadeTo を実行しています:

...FF7/8 では正常に動作しますが、要素 a.advert を Chrome でフェードさせることができません (他のフェードは正常に動作します)。HTML は次のとおりです。

Chrome のインスペクターで不透明度が変化しているのがわかりますが、ドキュメント内では何も変わらないように見えます。他のそのようなフェードは正常に機能します (画像のあるものを含む)。

jQuery 1.6.2 を使用しています。

何かご意見は？

サムネイルのあるページは次のとおりです。

http://thenozzle.net/games

私が欲しいのは、1つのサムネイルにカーソルを合わせると、他のサムネイルが黒にフェードすることです（各親指の後ろに黒いdivがあります）。ホバーオフすると、彼らは戻ってきます。

問題は、あるサムネイルから次のサムネイルに移動すると、ページ上の他のすべてのサムネイルがフェードインしてから非常に速くフェードアウトすることです。どうすればこれを防ぐことができますか？私が達成しようとしていることを行うためのより良い方法はありますか？

これが私がこれまでに持っているものです：

注2：また、コードを単純化または圧縮して、よりセマンティック/高速/軽量にする方法がある場合は、お知らせください。

ありがとう！

サムネイルをクリックすると、標準のギャラリーが画像間でフェードインします。ギャラリーを変更して、代わりに画像がページから右にスライドし、代わりに下にある次の画像が表示されるようにするにはどうすればよいですか？ありがとう

つまり、基本的にホバーでフェードインしようとしていdiv.showます。ホバーを停止すると、不透明度0にフェードバックします。

ただし、ホバリングを停止すると、divを0にフェードバックさせることはできません。

これが私のコードです：

ありがとうございました

私はバックグラウンドプレーヤーをやっています。ユーザーが#playボタンをクリックすると、メインメニューがフェードインし0.1て表示が妨げられないようにします。ただし、メインメニューの上にマウスを置いて不透明度に戻すことにより、いつでもメインメニューを使用できます1。彼がマウスを外すと、再び透明になります。

ユーザーが#pauseボタンを押すと、メインメニューの不透明度が不透明に戻ります。ただし、メインメニューからマウスオーバーを削除した場合、不透明度は1のままである必要があります。

基本的に私はこれを持っています：

あなたはそれがここで働いているのを見ることができます：http： //luisgustavoventura.com

提案してください。

jquery を使用して、水平でスケーラブルなスクロール画像 (添付のスクリーンショットを参照) の黒の上にテキストを表示してホバー時に黒のフェードを作成したいと考えています。その瞬間、画像は黒にフェードするのではなく、不透明にフェードします。例はここで見ることができます: http://deanpauley.co.uk/new/index.html 私は jquery を使用するのが初めてで、これについて完全に混乱しています。どんな助けでも大歓迎です。

CSS は次のとおりです。

そしてHTML：

スクリーンショット:

EditIt は @Duopixel で動作するようになりましたが、黒い境界線が表示されるようになりました。添付のスクリーンショットを参照してください。どうすればこれを取り除くことができますか?

"編集"

私は何かのスライダーと呼ばれるプラグインを使用しており、4秒後にコントロールをフェードさせ(動作しています)、マウスオーバー時に不透明度を1に戻そうとしています(動作していません)。ここに私がこれまでに持っているものがあります...何が間違っていますか?

div の不透明度を変更し、上下にスライドしてその内容を表示したいのですが、スライド アニメーションは次のように非常に奇妙な動作をしています。

http://jsfiddle.net/NsYtr/

ただし、クリック機能のfadeToを削除すると、スライドは正常に機能します。

#user_box div の不透明度を変更してからスライドさせるために、ここで何が欠けていますか?

マークアップ:

js:

CSS:

これはよく知られた領域であることは認識していますが、SO やその他の場所で推奨される解決策を得ることができません。

クリックすると 25% にフェードアウトし、その後のクリックで 100% にフェードインするテキストを含む div があります。IE を除くすべてのブラウザーでうまく動作します (IE8 でテストしています)。問題: div をフェードインした後、IE のテキストはすべてぎざぎざで不完全です (正しい用語は「アンチエイリアスされていない」可能性があると思います)。

私が見つけることができるすべての推奨される解決策を試しました。最も頻繁に推奨されるのは、以下の例に含まれているもので、(fadeTo を使用する代わりに) 不透明度をアニメートし、IE に filter:alpha(opacity) を適用し、一度コールバックでフィルターを削除します。 100% のアニメーションが完了しました。私も試しました（他の提案による）：

• css background-color および no background-color (div 用)
• フィルターを削除するさまざまな方法 (以下のコードのコメントを参照)
• div に高さ、幅、float:left があることを確認する

これがJavaScriptです：

CSSは次のとおりです。

ご指導ありがとうございました！