Question

I am creating some images in my page. When I write <img src=somesrc, onerror=othersrc></img>, it works fine.

But when I create image using jQuery it fails:

jQuery('<img />', {
    onerror: "javascript: this.src='some_default_image_source'", 
    src: 'image_source'}).appendTo("#container");

How do I solve this?

Answer 1

jQuery('<img />').error(function() {
    this.src = 'some_default_image_source';
}).attr('src', 'image_source').appendTo("#container");