Q1026 How can I display one image if the browser supports image swapping and other if it doesn't?

irt.org | Knowledge Base | JavaScript | Image | Q1026 [ previous next ]

Q1026 How can I display one image if the browser supports image swapping and other if it doesn't?

One way:

<SCRIPT LANGUAGE="JavaScript"><!--
if (document.images)
    document.write('<IMG SRC="javascriptenabled.gif" WIDTH="100" HEIGHT="100">');
else
    document.write('<IMG SRC="javascriptdisabled.gif" WIDTH="100" HEIGHT="100">');
//--></SCRIPT>

<NOSCRIPT>
<IMG SRC="javascriptdisabled.gif" WIDTH="100" HEIGHT="100">
</NOSCRIPT>

Alternatively:

<IMG NAME="myImage" SRC="javascriptdisabled.gif" WIDTH="100" HEIGHT="100">

<SCRIPT LANGUAGE="JavaScript"><!--
if (document.images)
    document.images.myImage.src = 'javascriptenabled.gif';
//--></SCRIPT>

What's New

How to do the impossible with Google Gears

Out and About

Last Updated: 6th July 2009. Maintained by: Martin Webb and Michel Plungjan
irt.org liability, trademark, document use, privacy statement and software licensing rules apply.