Question

I have data aggregator, organize the data from different source by specific manner.

Sometimes the images given in the source type is not available or the source refused to serve the images. In this case, I want to remove the space given for image tag. Is it possible?

I want to hide the highlighted area space when no image found or serve refused to serve the image.

Answer 1

The best way to do that would be to use the onerror function. Something like this:

<img src="image_not_found.jpg" onerror="this.style.display = 'none';" alt="">

You can find out more about it here http://msdn.microsoft.com/en-us/library/cc197053(v=vs.85).aspx

edit

Even though this will work for all the browsers, using the onerror attribute will make your HTML invalid since it is not part of the img attribute list. An article on the pros and cons for using this attribute. http://blog.sociomantic.com/2010/07/html-onerror-the-good-the-bad-and-the-ugly/