Friday, May 27, 2011

Broken image. Failed to load images fix with JQuery

Today i was solving problem with failed to load images. There was 2 solutions for this - 1) php with getimagesize and 2) JQuery check.

getimagesize showed me warnings so my choice was JQuery.

And it was great choice, because using jquery is always fun.

Code i used for all img ( CSS attribute ):

$(window).load(function() {
$('img').each(function() {
if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
// image was broken, replace with your new image
this.src = 'http://www.example.com/replace_no_image.jpg';
}
});
});

2 comments:

  1. forgot to remove script javascript line. it wasnt showing ;D.
    anyway fixed <3

    ReplyDelete
  2. The information written in the article is descriptive and well written.It is also simple to read and understand.Good Read.
    prestashop programmer

    ReplyDelete