My website does not show images when viewed in Firefox, but works perfectly in Chrome [closed]

问题

This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.

Closed 6 years ago.

I'm aware that this is nothing new and will happen, but I've just run out of ideas of what to correct. I tried validating my website code, fixed encoding, but to no avail.

Here it is: www.arturstols.com (you click the logo)

It uses jQuery to slide images inside the central container, which doesn't show. The intro graphic does though.

回答1:

Instead of images\pic.png put images/pic.png .

回答2:

You are using the incorrect slash for the image urls...

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

should be...

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

回答3:

You should specify image src paths using a forward slash. For eg.

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

instead of

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

as you have currently specified.

This solves the issue for firefox. Chrome is extra smart :)

回答4:

On a side note, i like your photography but it seemed to load slowly, perhaps look into a jquery pre load function.

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

}

// Usage:

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

来源：https://stackoverflow.com/questions/13995439/my-website-does-not-show-images-when-viewed-in-firefox-but-works-perfectly-in-c