图像无法加载(有时!)

时间:2015-09-29 20:22:54

标签: jquery html twitter-bootstrap

我正在使用Boostrap和JQuery构建网站

该网站工作正常,有一个图像无法加载,以一种相当奇怪的方式。这是定义它的HTML:

<img src="resources/publicidade/pub.png" width="100%"/>

但是,当网站加载时,它会加载:

<img src="resources/publicidade/pub.png" width="0" height="0" style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 100px 1px;">

发生这种情况时它加载的图像是1px x 1px,但我的图像实际上是1346px x 501px。

如果我将图像的源路径放在网址上,则可以正常加载。当我返回网页时,问题就消失了!

查看服务器日志(我正在使用python3 -m http.server)我发现当发生错误时,行GET /resources/publicidade/pub.png HTTP / 1.1“200就不存在了。也没有错误消息。当我执行“加载图像并返回”技巧时,GET消息就在那里,正如预期的那样。

我正在使用github页面,问题也出现在那里。由于我的客户要求隐私,我很遗憾无法在此发布链接。我尝试清除缓存并使用不同的浏览器,即使是不同的操作系统,但问题仍然存在。

1 个答案:

答案 0 :(得分:0)

由于路径名称,Adblock认出我的图片是宣传。禁用adblock修复了我的错误。