0

我正在尝试实现一个简单的图像缩略图脚本,单击该脚本时会显示更大的图像。

我试图在不使用现有插件的情况下做到这一点。

这是我当前的代码。

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

有人可以让我知道我做错了什么吗?我也在这里上传了整个代码...... http://jsfiddle.net/PjrFe/

提前谢谢各位。

4

2 回答 2

2

那是因为您正在检查点击的 li 的 attr 'src';尝试这个:

$('#thumbnails ul li').click(function() {
   $('#main').attr('src', $(this).find('img').attr('src').replace('small/', 'large/'));
});
于 2012-08-23T21:51:35.497 回答
0

当然:)这应该可以解决问题:

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

于 2012-08-23T22:20:31.237 回答