swapping images, easy? 1

Mariootje · Sep 10, 2001

Hello there,

I'm trying to make an very easy imageswap (that is what I thought at least), just by clicking on an image the next image has to appear, by clicking again the previous should appear. The code I have so far looks like this (thanks Banger):

<html>
<head>
<title>test</title>
<script language="javascript">
var changeMeBackPlease = false;

function imageSwap(image){
// change image back
if(changeMeBackPlease=="false&quot

{

image.src = OLDSRC;
}
else
{

image.src = "images/plusje.gif"; HERE I GET AN (DEBUG)ERROR: "UNDEFINED IS 'NULL' OR NOT AN OBJECT"
}

// reset the variable depending what it is now
// Just swaps or inverts the true/false value

changeMeBackPlease =(changeMeBackPlease)?false:true;
}
</script>
</head>
<body>
<img src="images/woordassistentie.gif" OLDSRC="images/woordassistentie.gif" onClick="imageSwap()">
</body>
</html>

So, I get the image woordassistentie.gif, but when clicking it I get an error and do not get plusje.gif.

Any suggestions?

Thanks, Mariootje

toolkit · Sep 10, 2001

Mariootje

This is because you have defined imageSwap as:

Code:

function imageSwap( image )

But are calling the function with no arguments:

Code:

onClick=&quot;imageSwap()&quot;

Hence the 'image' object will be null.

Try calling the function as:

Code:

onClick=&quot;imageSwap( this )&quot;

Groetjes uit Engeland, Neil

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

swapping images, easy? 1

Mariootje

Programmer

toolkit

Programmer

Similar threads

Part and Inventory Search

Sponsor