a non-geek's blog

Random notes on linux and web development

Posts Tagged ‘no image

A simple solution for “image not available” problem

with one comment

Is there a simple solution for problems with missing or broken images? Yes, it is. You don’t need any script, just an alternate image to display when this problem occur and the “onerror” event available with the img element. Here is an example:

< img src="/path/to/image.jpg" height="100px" width="100px" onerror="this.src = '/path/to/alternate-image.png'" / >

This simple solution was posted by Satya on his web scripting blog. Anyway, if you preffer a more elegant solution, you could use a script that dynamically detects the missing images and replace them with an alternate image. A good Java Script solution is presented on the tech evangelisit’s article.

Bookmark and Share

Written by nongeekboy

April 29, 2010 at 9:31 am

Posted in HTML, JavaScript

Tagged with ,

Follow

Get every new post delivered to your Inbox.

Join 200 other followers