使用简单的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/