在没有浏览器刷新的情况下加载html页面上的所有图片

时间:2015-10-13 04:04:23

标签: html css image loading

我有一个带图片库的简单html页面。有时并非所有图像都会加载。对我来说它似乎是随机的,从来没有相同的图像。当图像没有加载时我刷新页面并立即加载,每页通常只有一到两个图像。这是网站链接。 http://www.kayleighwhite.org/engagements-sweethearts-017#gallery

这是图片的html

 <div class="gallery_one" style="background-image: url(images/portfolio/engagements-sweethearts/0168.JPG); background-repeat:no-repeat; background-position:center;">
        <img src="images/portfolio/portfolio.gif" width="960" height="639" class="gal" alt="gallery">
        </div>

css

.gallery_one    {
margin-left:auto;
margin-right:auto;
}


.gal    {
display:block;
margin-left:auto;
margin-right:auto;
}

未加载的图像是背景图像。 portfolio.gif只是一个透明的图像,层叠在顶部。就像我说的那样,这只是随机的。

我不是说0168.JPG没有加载,因为今晚它是。但是如果你只是一直点击“下一步”链接,最终会有一个页面没有加载所有图像。我知道这很难确定原因,但有没有人发现这个html或css有什么问题可能导致这个问题?或者对这些问题的任何了解?

顺便说一句,我在两台不同的计算机上对firefox和chrome进行了测试,两者都在运行Windows 7.相同的随机结果。

0 个答案:

没有答案