<img src="images/business-card.webp" onerror="this.onerror=null; this.src='images/business-card.jpg' " class="m-auto img-fluid">
I want to write this feature from within js file. How can i do it ?
Advertisement
Answer
First, create the image in javascript:
JavaScript
x
5
1
var image = document.createElement("IMG");
2
document.body.appendChild(image);
3
image.src = "images/business-card.webp;
4
image.class = "m-auto img-fluid";
5
Now, add an onerror function:
JavaScript
1
2
1
blah.onerror = function(){this.onerror=null; this.src='images/business-card.jpg'};
2