某些图片未在Chrome中显示

时间:2013-07-24 17:08:32

标签: javascript html css html5

我最近重新设计了我的网站。对我来说,它适用于IE,FF和Chrome - 在多台PC上。但是,一些用户(使用Chrome)报告了损坏的图像链接,图像应该是小盒子。

我已经建议并指示他们如何检查更新以及清除cookie /缓存。

这可能是什么问题?也许这是我的代码,但我不认为它是服务器端,因为它适用于95%的用户。我感谢所有的帮助。

(以下是包含不显示信息的代码部分。我在主页上使用php include来包含此文件。如果您需要更多代码,请告诉我,谢谢。)

<link rel="stylesheet" href="content/style/site.css" type="text/css"/>
<div>
<div class="arrowgreen">
<ul>
<li><a href="/index.php" title="Home"><img src="images/schedule.png" alt="" height="23" align="middle" border="0" width="120"></a></li>
<li><a href="/espn.php"><img src="images/espn.png" alt="" height="23" align="middle" border="0" width="120"></a></li>
<li><a href="/espn2.php"><img src="images/espn2.png" alt="" height="23" align="middle" border="0" width="120"></a></li>
<li><a href="/golfchannel.php"><img src="images/golfchannel.png" alt="" height="23" align="middle" border="0" width="120"></a></li>
<li><a href="/nbatv.php"><img src="images/nbatv.png" alt="" height="23" align="middle" border="0" width="120"></a></li>
<li><a href="/nflnetwork.php"><img src="images/nflnetwork.png" alt="" height="23" align="middle" border="0" width="120"></a></li>
<li><a href="/nhlnetwork.php"><img src="images/nhlnetwork.png" alt="" height="23" align="middle" border="0" width="120"></a></li>
<li><a href="/bigbrother.php"><img src="images/bigbrother.png" alt="" height="23"  align="middle" border="0" width="120"></a></li>
<li><a href="/channel1.php">CHANNEL 1</a></li>
<li><a href="/channel2.php">CHANNEL 2</a></li>

</div>
</div>

1 个答案:

答案 0 :(得分:0)

因此,如果图像在那里,它应该显示,除非它被防火墙等阻止(基于域)。我已经看到这发生在图像正确位于指定的路径中但被防火墙阻止的情况。

我还看到,虽然链接设置正确并且没有被防火墙阻挡,但是显示图片需要花费太长时间才能显示为已损坏。

在任何情况下,当图像中断时,它会抛出一个错误,您可以捕获:

window.onerror = function (event) {
    // inspect event.
    // console.log(event)
    // etc.
}