jQuery画像がフェードでホバリングして消える

Question

ロールオーバー時にメイン画像に表示したいサムネイルがあります。私はホバーを使って機能するようになっていますが、フェードインはうまく機能しますが、すぐに私は展開しますが、フェードアウトしますが、メインイメージは完全に消えて消えます。

$(document).ready(function(){ 
    var originalimg = $('#imageMain img').attr('src'); 
    $(".thumb").hover(function(){ 
     var currentimg = $(this).attr('src'); 
     $('#imageMain img').fadeIn("slow").attr('src', currentimg); 
     },function(){ 
     $('#imageMain img').fadeOut('slow').attr('src', originalimg); 
    }); 
}); 

ありがとうございます。 HTMLを引用符で囲んでいないので、何が起こっているのかわかりません。

Answer 1

ない.attr('src', originalimg);しかし.src = originalimg;

$(document).ready(function(){ 
    var originalimg = $('#imageMain img').attr('src'); 
    $(".thumb").hover(function(){ 
     var currentimg = $(this).attr('src'); 
     $('#imageMain img').fadeIn("slow").src = currentimg; 
     },function(){ 
     $('#imageMain img').fadeOut('slow').src = originalimg; 
    }); 
}); 

Answer 2

私はおそらくちょうどあなたがして、より良い効果のために同じ時間でそれをフェードインすることができますように、完全に画像を削除し、場所に新しいイメージを追加すると思います！私は頭の上からこれを書いたのでうまくいけばそれは働く！

$(document).ready(function(){ 
       var originalimg = $('#imageMain img').attr('src'); 
       $(".thumb").hover(function(){ 
        var currentimg = $(this).attr('src'); 
        $('#imageMain img').fadeIn("slow").attr('src', currentimg); 
        },function(){ 
        $('#imageMain img').fadeOut('slow',function(){$(this).remove()}); 
        $("#imageMain").append("<img src='"+originalimg+"'/>").hide().fadeIn("slow"); 
       }); 
      });