javascript奇怪的行为

标签 javascript css position

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

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

如果你点击一个菜单按钮,图像应该将自己列在一个下面,填充宽度与那个黑线一样宽。如果您单击创建 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 事件并跳过图像。

关于javascript奇怪的行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10458421/

相关文章:

javascript - React 组件渲染函数中 this.state 未定义

CSS 文本渐变,Opera 降级

ios - 如何获得完美的旋转 View 位置?

css - 如何让图片在div中 float

javascript - 如何高效使用jquery和javascript?

javascript - Vue - 添加背景动画

html - 如何在 webprgramming 中围绕控件创建一个框

JQuery slideToggle() 与 CSS 动画

css - 我可以使用 CSS 命令保留文本行吗?

javascript - 拦截cell提交jqGrid