javascript - 返回主图

Question

所以我有一些 javascript 代码，可以在缩略图悬停时交换我的主图像，效果非常好!是他们在悬停时返回主窗口的一种方式吗？我确信有一些 if 语句，但我无法弄清楚!

<div class="product"><img id="main" src="mainImage.jpg" width="550"/></div>
<div class="products">
 <img src="img.jpg" width="200"/>
 <img src="img1.jpg" width="200"/>
 <img src="img2.jpg" width="200"/>
</div>

JavaScript 是

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
$('.products img').mouseover(function() {
    var url = $(this).attr('src');
    $('#main').attr('src', url);
});
});
</script>

Answer 1

<script type="text/javascript">
     $(document).ready(function(){
    var def_url =  $('#main').attr('src');
    $('.products img').hover(function() {
        var url = $(this).attr('src');
        $('#main').attr('src', url);
    }, function() {
       $('#main').attr('src', def_url);
    });
});
</script>