How to put default img Url if curent failed to load

Question

Hello I'm using regular img:

<img border="0" title="Sterling Silver Jesus Name Necklace" src="http://www.myengravedjewelry.com/images/products/101-01-071-02_medium.jpg" alt="0">

I just want to put another url in case if this one is failed to load of some how to check if this url is bad than change it (with javascript)

zloctb · Accepted Answer · 2013-07-02 09:03:44Z

5

Use attribute onerror

<img src="bad_src.jpg" onerror="this.src='good_src.jpg'">

answered Jul 2, 2013 at 9:03

zloctb

11.3k10 gold badges78 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ikhsan · Accepted Answer · 2013-07-02 09:01:57Z

1

you can use method like this

javascript

function img404(img) {
    img.onerror = "";
    img.src = "default.jpg";
    return true;
}

html

<img src="image.png" onerror="img404(this);"/>

answered Jul 2, 2013 at 9:01

ikhsan

3732 silver badges11 bronze badges

Comments

Amir Bilal · Accepted Answer · 2013-07-02 08:01:27Z

0

There are no such methods in HTML. You can control from some back end language like PHP.

Something like:

if(!file_exists($filepath)) {
    $src = 'http://site.com/def.jpg';
}

Moreover, use proper image description in ALT tag or image.

answered Jul 2, 2013 at 8:01

Amir Bilal

4573 silver badges7 bronze badges

1 Comment

Vladimir Potapov Over a year ago

and in asp.net javascript?

Collectives™ on Stack Overflow

How to put default img Url if curent failed to load

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related