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"); 
       }); 
      });