PDA

View Full Version : How do u swap more than 1 image on same page?

stormshadow
02-12-2003, 08:20 AM
Hello,
I need some help with image swapping.

I want to be able to have at least 5 pictures on the same page.

When a user click an image1, it will swap to a different image.
When the user click image2, it will again switch to a different image. and so on.

The code below works to only switch one image.
Thanx for reading.and I appreciate anyones help.

Monte



<HTML>
<HEAD>
</HEAD>
<BODY>


<IMG SRC="image1.gif" name="image" onClick="imageswap();">




<SCRIPT LANGUAGE="JavaScript">
var wImage = false;
function imageswap(){
wImage = !wImage;
if (wImage == true) {document.image.src="image1.gif";}
if (wImage == false) {document.image.src="image2.gif";}
}
</SCRIPT>





</BODY>
</HTML>
piz
02-12-2003, 08:49 AM
Like this:

here you have 3 images (image1.gif, image2.gif, image3.gif) and 3 other images for the changing images (image1click.gif, images2click.gif, image3click.gif)


<HTML>
<HEAD>
</HEAD>
<BODY>


<IMG SRC="image1.gif" name="image1" onClick="imageswap(1);">
<IMG SRC="image2.gif" name="image2" onClick="imageswap(2);">
<IMG SRC="image3.gif" name="image3" onClick="imageswap(3);">




<SCRIPT LANGUAGE="JavaScript">
var wImage = false;
function imageswap(i){
wImage = !wImage;
if (wImage == true) {document.images["image" + i].src="image"+i+"over.gif";}
if (wImage == false) {document.images["image" + i].src="image"+i+".gif";}
}
</SCRIPT>
stormshadow
02-13-2003, 03:51 AM
Hi,

The below code provide
sort of works,however it's not showing the 2nd picture.


Can someone help me edit it correctly, so the 2nd image shows.

thanx


<HTML>
<HEAD>
</HEAD>
<BODY>


<IMG SRC="image1.gif" name="image1" onClick="imageswap(1);">
<IMG SRC="image2.gif" name="image2" onClick="imageswap(2);">
<IMG SRC="image3.gif" name="image3" onClick="imageswap(3);">




<SCRIPT LANGUAGE="JavaScript">
var wImage = false;
function imageswap(i){
wImage = !wImage;
if (wImage == true) {document.images["image" + i].src="image"+i+"???.gif";}
if (wImage == false) {document.images["image" + i].src="image"+i+"????.gif";}
}
</SCRIPT>