使用簡單的jQuery圖像加載器遇到問題

Question

我試圖實現圖像縮略圖的簡單腳本，點擊時顯示更大的圖像。

我想在不使用現有插件的情況下執行此操作。

這是我目前的代碼。

$('#thumbnails ul li').click(function() { 
$('#main').attr('src', $(this).attr('src').replace('small/', 'large/'));});​ 

有人能讓我知道我在做什麼錯嗎？我也上傳了整個代碼在這裏... http://jsfiddle.net/PjrFe/

在此先感謝傢伙。

Answer 1

這是因爲你正在檢查點擊li的attr'src'; 試試這個：

$('#thumbnails ul li').click(function() { 
    $('#main').attr('src', $(this).find('img').attr('src').replace('small/', 'large/')); 
}); 

Answer 2

肯定:)這應該做的伎倆：

http://jsfiddle.net/PjrFe/18/