我可以在 jquery 悬停时更改图像吗？答案

【问题标题】：Can I change an image on jquery hover?我可以在 jquery 悬停时更改图像吗？
【发布时间】：2013-09-30 21:45:49
【问题描述】：

我有这个大图像显示，在底部我有小图像，如果可能的话，我希望将大图像显示在我悬停的图像上。谢谢。
这是我的代码。

<div class="wrapper">
    <div class="inner">
        <img src="img/1.png" alt="image 1">
    </div>
    <ul class="small">
        <li> <img src="img/1.png" alt="image 2"> </li>
        <li> <img src="img/2.png" alt="image 2"> </li>
        <li> <img src="img/3.png" alt="image 2"> </li>
        <li> <img src="img/4.png" alt="image 2"> </li>
        <li> <img src="img/5.png" alt="image 2"> </li>
    </ul>
</div>

这是我的 jquery 但不起作用。

<script type="text/javascript">
$(document).ready(function() {
        $('.small').hover(function() {
            $('.inner img').attr('src' = '.small img src')
        });
});
</script>

【问题讨论】：

标签： jquery html css slideshow jquery-hover

【解决方案1】：

试试这个：

$(document).ready(function () {
    $('.small img').hover(function () {
        $('.inner img').attr('src' ,this.src)
    });
});

演示here

【讨论】：

这个比较好+1，不用$(this).attr('src')

【解决方案2】：

.attr("src", "small img src");

以上是向方法传递参数的 JavaScript 语法。 'string' = 'string' 根本不是有效的 JavaScript 语法。

【讨论】：

【解决方案3】：

替换这个：

$('.inner img').attr('src' = '.small img src');

与：

$('.inner img').attr('src' = $(this).attr('src'));

问题是，.small img src 没有返回属性值。

【讨论】：

【解决方案4】：

$(document).ready(function () {
    $('.small li').hover(function () {
        var tmpUrl = $(this).find("img").attr('src');
        $(".inner img").attr("src", tmpUrl);
    });
})

【讨论】：

【解决方案5】：

你的逻辑有一个小错误，

尝试将您的脚本重写为，

$('ul.small img').hover(function ()
{
  $('.inner img').attr('src' ,$(this).attr('src'));
});

【讨论】：