Javascript图片库和推子图片加载问题

时间:2018-06-18 23:05:27

标签: javascript

所以我为一个画廊编写了一个代码,通过使用两个重叠的div来淡入和淡出图像。 Div A增加图像不透明度,而Div B减少图像不透明度。一旦Div B图像不透明度为0,则交换图像并反转该过程。也许这是解决这个问题的一种可怕方式,但我对这个游戏不熟悉。

在大多数情况下,这有效,但我确实遇到连接速度慢的问题,如果新图像没有加载,它会淡化前一个图像,直到新的图像加载 - 我可以&# 39;似乎得到代码来检查新图像是否在淡入淡出之前被加载了?

我试图使用它:

    if (chimg.complete && chimg.naturalWidth !== 0 && chimg.naturalWidth !== "undefined") 

我明白这意味着 - 如果图片已加载,宽度既不是0也不是未定义,请继续加载下一张图片 - 但这似乎不起作用?

以下网站供参考: the website

我从未使用过jquery,并且有点喜欢在javascript中从头开始编写东西的挑战,所以我希望在javascript中解决这个问题。谢谢!

0 个答案:

没有答案