jquery - jQuery - 加载缩略图

Question

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

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

这是我正在使用的代码：

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

score 0 · Accepted Answer

0

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

于 2012-05-11T20:46:47.687 回答

score 0 · Accepted Answer

这是您可能希望如何设置的总体思路：

您想将 mainImage 的 src 与悬停图像的 src 交换，方法是：

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

2 回答 2