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 - 加載縮略圖

回答

相關問題