我的網站在Firefox中查看時不顯示圖片，但在Chrome中完美顯示

-1

我知道這並不是什麼新鮮事，而是會發生，但我剛剛用完了什麼想法。我嘗試驗證我的網站代碼，固定編碼，但無濟於事。我的網站在Firefox中查看時不顯示圖片，但在Chrome中完美顯示

這就是：www.arturstols.com（你點擊的標誌）

它使用jQuery的滑動中央容器，它不顯示內的圖像。介紹圖形雖然。

來源

2012-12-21 user1922231

它說不能加載網址：S它認爲src是http://www.arturstols.com/images%5Crukitis.jpg – EricG

它不能在谷歌鉻在連接速度512 Kb/s似乎是加載文件的問題。 – SaidbakR

-1未顯示相關代碼。問題對於未來的讀者來說是沒用的，只有你的URL會被修正或改變。 – Sparky

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

來源

2012-12-21 18:44:13 Vucko

現在我只是尷尬。非常感謝你。我不明白爲什麼它在Chrome中起作用。 – user1922231

很高興提供幫助。 :) – Vucko

您正在使用的圖片網址不正確的斜槓...

<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>

來源

2012-12-21 18:45:26 Buggabill

您應指定使用正斜槓圖片src路徑。例如。

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

代替

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

如當前已指定。

這解決了Firefox的問題。 Chrome是額外的智能:)

來源

2012-12-21 19:03:42

在一個側面說明，我喜歡你的攝影，但它似乎加載緩慢，也許看看jQuery的預加載功能。

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

}

//用法：

$（[ 'img1.jpg'， 'img2.jpg'， 'img3.jpg']）預加載（）;

來源

2012-12-21 19:14:03 Supplement

我的網站在Firefox中查看時不顯示圖片，但在Chrome中完美顯示

回答

相關問題