0

我有一些代码试图根据它们的高度列出图像。奇怪的是,当我尝试使用 2 张图片时,相同的代码有点用,但当我尝试使用 3 张或更多图片时却不起作用

网站:http ://bit.ly/JV5I0Z

如果您单击菜单按钮,图像应该在另一个下方列出自己,填充宽度与黑线一样宽。如果您单击创建 2 个缩略图的第一个按钮,它们可以工作,但其他按钮不执行任何操作

代码:http: //jsfiddle.net/5qt3s/

我试图删除所有不相关的东西以使其尽可能简单

我做错了什么?谢谢

4

1 回答 1

2

您的网络空间 (euroscala.balkanium.com) 上只有两个小图像:

images/shkalla/small/1.jpg
images/shkalla/small/2.jpg

images/shkalla/small/3.jpg不存在所以当它到达这个图像时(在循环里面createThumbs)而不是触发img.onload它触发的事件img.onerror,因为它无法加载图像。这意味着您的totalLoaded计数永远不会达到totalThumbs并且redrawThumbs不会被调用。

要么创建丢失的图像,要么挂钩img.onerror事件并跳过图像。

于 2012-05-05T03:16:46.180 回答