Q1690 How can I swap a larger image for a smaller image and vice versa?

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

Q1690 How can I swap a larger image for a smaller image and vice versa?

The following works correctly in Internet Explorer 4+ and Netscape Navigator 6+:

<html>

<head>

<script language="JavaScript"><!--
function swap(target, source) {
  if (document.images) {
    document.images[target].src = document.images[source].src;
    document.images[target].width = document.images[source].width;
    document.images[target].height = document.images[source].height;
  }
}
//--></script>

</head>

<body>

<form>
<input type="button" value="Swap larger for smaller" onClick="swap('large','small')">
<input type="button" value="Swap larger for smaller" onClick="swap('small','large')">
</form>

<img name="large" src="banner0002.gif">

<img name="small" src="home0.gif">

</body>

</html>

Feedback on 'Q1690 How can I swap a larger image for a smaller image and vice versa?'

16:14:29 6/20/01 Rick Knoll

What's New

How to do the impossible with Google Gears

Out and About

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