Question

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

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

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

Answer 1

而不是images\pic.png放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']）预加载（）;

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

4 个答案: