replace broken/missing images

[regicidedelferoz]

good day everyone,

hi can anybody here wanna help me?

i want to replace missing images automatically on load of the page,.

i got some code on the net but it doesn't work on IE,. here's the code,.




for (var i=0; i<document.images.length; i++){

img = new Image();

img.src = document.images[i].src;

if (img.height == 0)

document.images[i].src = '<?php echo $livesitePath; ?>images/picnotavailable.jpg';

}



here's another one that is not workingon IE,.




$(window).load(function() {

$('img').each(function() {

if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0 || this.src=="") {

// image was broken, replace with your new image

this.src = '<?php echo $livesitePath; ?>images/picnotavailable.jpg';

}

});

});

[coothead]

Hi there regicidedelferoz,

I tested your first code in IE9, and it works OK. ;)

It will not work in IE8, and I assume IE6 and IE7 also, as those will browsers state that the height is 30px;

I would suggest that you try..


for(var i=0;i<document.images.length;i++) {
img=new Image();
img.src=document.images[i].src;
if(img.height<=30) {
document.images[i].src='<?php echo $livesitePath; ?>images/picnotavailable.jpg';
}
}

coothead

[regicidedelferoz]

thanks for your reply sir,. but it seems that your code is not working fine sir,.

i am using firefox 9.0.1 and IE 9


but i already figure out the right code for jquery,.



$(window).load(function() {

$('img').each(function() {

if (!this.complete || this.naturalWidth == 0 || this.src=="") {

// image was broken, replace with your new image

this.src = '<?php echo $livesitePath; ?>images/picnotavailable.jpg';

}

});

});



and i think this is the error



typeof this.naturalWidth == "undefined"