我有一些代码试图根据它们的高度列出图像。奇怪的是,当我尝试使用 2 张图片时,相同的代码有点用,但当我尝试使用 3 张或更多图片时却不起作用
如果您单击菜单按钮,图像应该在另一个下方列出自己,填充宽度与黑线一样宽。如果您单击创建 2 个缩略图的第一个按钮,它们可以工作,但其他按钮不执行任何操作
代码:http: //jsfiddle.net/5qt3s/
我试图删除所有不相关的东西以使其尽可能简单
我做错了什么?谢谢
我有一些代码试图根据它们的高度列出图像。奇怪的是,当我尝试使用 2 张图片时,相同的代码有点用,但当我尝试使用 3 张或更多图片时却不起作用
如果您单击菜单按钮,图像应该在另一个下方列出自己,填充宽度与黑线一样宽。如果您单击创建 2 个缩略图的第一个按钮,它们可以工作,但其他按钮不执行任何操作
代码:http: //jsfiddle.net/5qt3s/
我试图删除所有不相关的东西以使其尽可能简单
我做错了什么?谢谢
您的网络空间 (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
事件并跳过图像。