Jqueryフェードイン＆アウトの問題

Question

私はJQUERY & HTMLを示すいくつかのコードを持っています。 基本的には、カーソルを画像から外したら、ホバー上のフェードインにフェードアウトし、フェードアウトするように画像を取得しようとしました。

問題は、フェードインされる画像を元の画像の上にしたいということです。 新しいイメージがFADES INになると、FADEアニメーションを実行するイメージ上にカーソルがなくなるため、元のイメージに直進します。

私は:)何ので、今まで

感謝:)

jQueryの任意の情報を高く評価します：あなたは上のホバークラスを置く場合

<div class="hover"><img src="#"/></div> 
<div class="fade"><img src="#"/> </div> 

Answer 1

：

$(document).ready(function() { 
$("div.hover").hover(

function() { 
    $("div.fade").fadeIn('slow'); 
}, function() { 
    $("div.fade").fadeOut('slow'); 
}); 
}); 

HTMLをイメージとホバーイメージの両方を含む要素ですが、それでも "ホバリング"として分類されますあなたが上にマウスを移動ヒーバーの画像：

<div class="hover"> 
    <div><img src="#"/></div> 
    <div class="fade"><img src="#"/> </div> 
</div>