html - 我的网站在 Firefox 中查看时不显示图像，但在 Chrome 中完美运行

Question

我知道这并不是什么新鲜事，而且会发生，但我只是想不出要纠正什么。我尝试验证我的网站代码，固定编码，但无济于事。

这里是：www.arturstols.com（您点击徽标）

它使用 jQuery 在中央容器内滑动图像，该容器不显示。介绍图形确实如此。

Answer 1

而不是images\pic.pngput images/pic.png。

Answer 2

您对图片网址使用了不正确的斜线...

<div id="gallery">
    <img alt="" src="images\title_903x600.jpg" style="margin: 5px 0px;">
    <img alt="" src="images\rukitis.jpg">
    <img alt="" src="images\danny.jpg">
    <img alt="" src="images\ernests.jpg">
    <img alt="" src="images\toms.jpg">
    <img alt="" src="images\forest.jpg">
    <img alt="" src="images\fight.jpg">                                 
    <img alt="" src="images\light.jpg">
    <img alt="" src="images\mirror.jpg">
    <img alt="" src="images\scene.jpg">
</div>

应该...

<div id="gallery">
    <img alt="" src="images/title_903x600.jpg" style="margin: 5px 0px;">
    <img alt="" src="images/rukitis.jpg">
    <img alt="" src="images/danny.jpg">
    <img alt="" src="images/ernests.jpg">
    <img alt="" src="images/toms.jpg">
    <img alt="" src="images/forest.jpg">
    <img alt="" src="images/fight.jpg">                                 
    <img alt="" src="images/light.jpg">
    <img alt="" src="images/mirror.jpg">
    <img alt="" src="images/scene.jpg">
</div>

Answer 3

您应该使用正斜杠指定图像 src 路径。例如。

<img alt="" src="images/title_903x600.jpg"> 

代替

<img alt="" src="images\title_903x600.jpg">

正如您当前指定的那样。

这解决了Firefox的问题。Chrome 非常聪明 :)

Answer 4

在旁注中，我喜欢你的摄影，但它似乎加载缓慢，也许看看 jquery 预加载功能。

$.fn.preload = function() {
this.each(function(){
    $('<img/>')[0].src = this;
});

}

// 用法：

$(['img1.jpg','img2.jpg','img3.jpg']).preload();