jQuery - 加载缩略图

基本上我在页面底部有一个缩略图和一个大图像。我希望能够将鼠标悬停在缩略图上，并将缩略图的来源替换为大图像，以便缩略图取代它。jQuery - 加载缩略图

请别人帮忙!!我需要尽快完成这个任务，还有其他信息我应该提供吗？！

这是我使用的代码：

jQuery('.image-rollover').hover(function() { 
    var src = $(this).attr("src").match(/[^\.]+/); 
    jQuery('.replace img').replace("src", src); 
});

来源

2012-05-11 onei0120

这是什么问题？你有什么错误吗？ – Shyju

如何发布您的HTML？ – j08691

我没有收到文档准备好的错误，但是当我将鼠标悬停在想要捕获源代码的缩略图上时：Uncaught TypeError：Object＃ has no method'attr' – onei0120

jQuery('.image-rollover').hover(function() { 
    jQuery('.replace img').attr("src", this.src); 
});

来源

2012-05-11 20:46:47 bfavaretto

您真了不起！谢谢！ – onei0120

这是你可能会想如何设置此的总体思路：

http://jsfiddle.net/GuSeg/

要交换您的mainImage的src与缰绳图像的src完成：

$('.thumbnailToHoverOn').hover(function(){ 
    $("#mainImg").attr("src", $(this).attr("src")); 
});

来源

2012-05-11 20:50:03 AJak

jsfiddle的链接虽然很好包含，但不应该是答案的总和。请解释你所做的事情，提供示例代码等。 – Madbreaks

用这个例子抛出这个错误：Uncaught SyntaxError：意外的标记非法 – onei0120

jQuery - 加载缩略图

回答

相关问题