Jquery 通过缩略图悬停进行图像交换？

---

在上面的链接上，当用户将鼠标悬停在任何缩略图上时，主图像将被交换。有没有人能为我指出正确的方向来学习这方面的教程？

这里它与单击一起使用

只是浏览了一下代码。但应该与您正在使用html搜索的内容类似：

<img id="target" src="full_img_name1"/>
<a href="full_img_name1"><img src="thumb1"/></a>
<a href="full_img_name2"><img src="thumb2"/></a>
<a href="full_img_name3"><img src="thumb3"/></a>

---

如果您不习惯使用javascript，下面是一个非常简单的仅CSS实现：

---

我不知道您如何定义图像的新来源，但这几乎是一条路要走。此外，您可能希望在每个图像和内部定义“newsrc”时使用each（）。

在jQuery中，您可以执行以下操作：

$(function() {
$('#myImage-hover').hover(function() {
    $('#myImage').attr("src","path-to-file/img.png");}, function() {
    $('#myImage').attr("src","path-to-file/img_2.png");

    });
 }); 

---

例如。

那个例子很完美。非常感谢您就一个相关的话题。。。你能详细说明一下吗？我有一个类似的问题，但不同的拇指和相应的图像

$(element).hover(
    function () { $(this).data('original', $(this).attr('src')).attr('src', newsrc),
    function () { $(this).attr('src', $(this).data('original')
);

$(function() {
$('#myImage-hover').hover(function() {
    $('#myImage').attr("src","path-to-file/img.png");}, function() {
    $('#myImage').attr("src","path-to-file/img_2.png");

    });
 });