Image Flip when clicked...

[kevmoon]

Hi I'm fairly new to html and javascript but any help would be greatly appreciated...

I'm wondering how to create an image flip when the image is clicked rather that by just by passing over it with the mouse...

I know this is probably very simple but I'm extremely frustrated...!!

Help?? :confused:

[LiLcRaZyFuZzY]

what do you mean by image flip?

[kevmoon]

By an image flip I mean that when you click on the image, it changes to another image. Like a "mouse over image flip" except with a click...?

[TheBearMay]

Just need to use the onclick event:


var imgArr=["img1.jpg", "img2.jpg", ....];
var arrInx=-1;

function newImage(){
arrInx++;
if (arrInx >= imgArr.length) arrInx = 0;
document.getElementById("imgRotate").src=imgArr[arrInx];
}

....

<img src="img999.jpg" onclick="newImage();" id="imgRotate" />