<img class="img" src="https://i.imgur.com/eTxzk46.jpeg">
<img class="img" src="https://i.imgur.com/eTxzk46.jpeg">
<img class="img" src="https://i.imgur.com/eTxzk46.jpeg">
<img class="img" src="https://i.imgur.com/eTxzk46.jpeg">
<img class="img" src="https://i.imgur.com/Txzk46.jpeg" >
.img{
width: 200px;
height: 200px;
}
const img = document.querySelectorAll('.img');
const defaultImg = 'https://i.imgur.com/4aYifFs.jpeg';
img.forEach((item,index) => {
const image = new Image();
image.src = item.src
console.log(image.complete)
if (!image.complete) {
item.src = defaultImg;
}
});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.