Jquery 将图像切换到悬停状态

Jquery 将图像切换到悬停状态,jquery,Jquery,请看我是什么意思,我对描述事物一窍不通 基本上,您可以看到,有一个“主”图像和5个“拇指”图像。我的客户想要的是,每当有人将鼠标悬停在其中一个“拇指”图像上时,“主”图像就会改变 因此,例如,如果有人将鼠标悬停在第三个拇指上,主图像将更改为该拇指的全尺寸版本 这有意义吗 我正在使用Wordpress,所以我不知道是否有人知道有类似的插件。就这样做 $('.thumb').mouseenter(function() { $('#main').attr('src' , $(this).att

请看我是什么意思,我对描述事物一窍不通

基本上,您可以看到,有一个“主”图像和5个“拇指”图像。我的客户想要的是,每当有人将鼠标悬停在其中一个“拇指”图像上时,“主”图像就会改变

因此,例如,如果有人将鼠标悬停在第三个拇指上,主图像将更改为该拇指的全尺寸版本

这有意义吗


我正在使用Wordpress,所以我不知道是否有人知道有类似的插件。

就这样做

$('.thumb').mouseenter(function() {
    $('#main').attr('src' , $(this).attr('src'));
});

如果没有插件,只需提供缩略图
onmouseover=“thatimage.src='newsource.jpg'”
属性即可。实际上不需要jQuery解决方案。绑定到每个较小的图像。请将小图像(及其大变体)的源作为大版本的CSS背景。非常基本的jQuery。也许可以雇佣一个对此有更多了解的人?:)请为您的问题创建一个JSFIDLE或codepen。那个参考链接,虽然不是绝对的NSFW,可能会被描述为“潜在的工作不便”。这段代码如何工作。对不起,jQuery根本不是我的强项!多谢各位