Replace dead images with another - jQuery?

Question

Possible Duplicate:
jQuery/Javascript to replace broken images

Not sure how possible this is but I would like to have dead images replaced with another such as missing.jpg or something to that effect. Is this possible?

Look at this question which asks the same - http://stackoverflow.com/questions/92720/jquery-javascript-to-replace-broken-images — Kasaku, Sep 08 '11 at 10:41

score 4 · Answer 1 · answered Sep 08 '11 at 10:43

Add the following to your .htaccess :

RewriteEngine on
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} !-f
RewriteRule \.(gif|jpe?g|png|bmp) /path/to/logo.gif [NC,L]

Although this is not a JQuery answer ... do you specifically require JQuery to resolve this issue ?

score 1 · Accepted Answer · edited May 23 '17 at 11:45

1

You could use the onerror event to assign the image a new path:

function ImgError(source){
    source.src = "/images/noimage.gif";
    source.onerror = "";
    return true;
}

<img src="someimage.png" onerror="ImgError(this);"/>

Source: jQuery/JavaScript to replace broken images

edited May 23 '17 at 11:45

Community

1
1

answered Sep 08 '11 at 10:42

Clive

36,918
8
87
113

http://stackoverflow.com/questions/92720/jquery-javascript-to-replace-broken-images Good you copied. – Danpe Sep 08 '11 at 10:42
A life with one less mouse click is a life slightly improved :) – Clive Sep 08 '11 at 10:43
But atleast give some credit. – Danpe Sep 08 '11 at 10:44
Whoops you're totally right, my bad – Clive Sep 08 '11 at 10:45
@Danpe: Once you share something on SO, it is not longer yours – genesis Sep 08 '11 at 10:48
@Genesis Internet & Computer Ethics. – Danpe Sep 08 '11 at 10:49

Replace dead images with another - jQuery?

2 Answers2