CODEWITHSUNDEEP
jqueryajaxfirefox
user81129
user81129

Reputation: 203

Ajax loaded html doen't show images in Firefox

I loaded some async HTML with 

$.ajax({
    url: target,
    beforeSend: function () {
    },
    success: function (html) {
        targetTabBox.html(html);
    }
});

The URL: target is a "page" returning a HTML fragment (some text and images). targetTabBox is a div

In IE all is well, but in firefox, I don't get to see my images only the alt text. When I right-click the image and do properties I see:

http://localhost:3000/Product/Slapen/Laken-en-deken/%5CFoto%5CCms%5Cgots-logo.gif Which is wrong, but:

When I look at the HTML with firebug I see:

<img src="\Foto\Cms\gots-logo.gif" alt="GOTS logo"/>

Which is as it should be!

What am I missing here?

Upvotes: 1

Views: 418

Answers (2)

user81129
user81129

Reputation: 203

Forgot to format the right answer so it was html stripped:

<img src="/Foto/Cms/gots-logo.gif" alt="GOTS logo"/>

(I'm on a roll today)

Upvotes: 0

user81129
user81129

Reputation: 203

OK,

Its the backslash firefox is pulling some rfc's on me saying you must use forward slash, IE doesn't care.

<img src="\Foto\Cms\gots-logo.gif" alt="GOTS logo"/>

should be GOTS logo

Thanks guys :-)

Guess I needed to type this in a Q&A site to see it.

Upvotes: 1

Related Questions