Simple mouse over images

[hairynugs6382]

I am currently using this script(well actually I wouldn't even call it a script.). But there is to much I was wondering if there would be a simpler way to use the function with more than one element rather than doing this function over(), function over1(), function over2(), function over3() ... and so on! Please help!




/************RESIDENT EVIL ZERO****************/

function moveover(){image.src="image/0over.jpg"}
function moveback(){image.src="image/0off.jpg"}

/************RESIDENT EVIL****************/

function moveover1(){image1.src="image/1over.jpg"}
function moveback1(){image1.src="image/1off.jpg"}

/************RESIDENT EVIL 2****************/

function moveover2(){image2.src="image/2over.jpg"}
function moveback2(){image2.src="image/2off.jpg"}

/************RESIDENT EVIL 3****************/

function moveover3(){image3.src="image/3over.jpg"}
function moveback3(){image3.src="image/3off.jpg"}

/************RESIDENT EVIL 4****************/

function moveover4(){image4.src="image/4over.jpg"}
function moveback4(){image4.src="image/4off.jpg"}

/************RESIDENT EVIL CODE: VERONICA X****************/

function moveover5(){image5.src="image/xover.jpg"}
function moveback5(){image5.src="image/xoff.jpg"}

/************RESIDENT EVIL REMAKE****************/

function moveover6(){image6.src="image/rmover.jpg"}
function moveback6(){image6.src="image/rmoff.jpg"}

/************LINKS****************/

function moveover7(){image7.src="image/linksover.jpg"}
function moveback7(){image7.src="image/linksoff.jpg"}

/************LINKS****************/

function moveover8(){image8.src="image/aboutover.jpg"}
function moveback8(){image8.src="image/aboutoff.jpg"}

/************BEGIN SUBMENU1****************/

function submoveover(){subimage.src="image/storyover.jpg"}
function submoveback(){subimage.src="image/storyoff.jpg"}

/************ SUBMENU1****************/

function submoveover1(){subimage1.src="image/charactersover.jpg"}
function submoveback1(){subimage1.src="image/charactersoff.jpg"}

/************ SUBMENU1****************/

function submoveover2(){subimage2.src="image/enemiesover.jpg"}
function submoveback2(){subimage2.src="image/enemiesoff.jpg"}

/************ SUBMENU1****************/

function submoveover3(){subimage3.src="image/filesover.jpg"}
function submoveback3(){subimage3.src="image/filesoff.jpg"}

/************ SUBMENU1****************/

function submoveover4(){subimage4.src="image/weaponsover.jpg"}
function submoveback4(){subimage4.src="image/weaponsoff.jpg"}

/************ SUBMENU1****************/

function submoveover4(){subimage4.src="image/weaponsover.jpg"}
function submoveback4(){subimage4.src="image/weaponsoff.jpg"}

</script>
<SCRIPT language=JavaScript>
/************RESIDENT EVIL ZERO****************/

function moveover(){image.src="image/0over.jpg"}
function moveback(){image.src="image/0off.jpg"}

/************RESIDENT EVIL****************/

function moveover1(){image1.src="image/1over.jpg"}
function moveback1(){image1.src="image/1off.jpg"}

/************RESIDENT EVIL 2****************/

function moveover2(){image2.src="image/2over.jpg"}
function moveback2(){image2.src="image/2off.jpg"}

/************RESIDENT EVIL 3****************/

function moveover3(){image3.src="image/3over.jpg"}
function moveback3(){image3.src="image/3off.jpg"}

/************RESIDENT EVIL 4****************/

function moveover4(){image4.src="image/4over.jpg"}
function moveback4(){image4.src="image/4off.jpg"}

/************RESIDENT EVIL CODE: VERONICA X****************/

function moveover5(){image5.src="image/xover.jpg"}
function moveback5(){image5.src="image/xoff.jpg"}

/************RESIDENT EVIL REMAKE****************/

function moveover6(){image6.src="image/rmover.jpg"}
function moveback6(){image6.src="image/rmoff.jpg"}

/************LINKS****************/

function moveover7(){image7.src="image/linksover.jpg"}
function moveback7(){image7.src="image/linksoff.jpg"}

/************LINKS****************/

function moveover8(){image8.src="image/aboutover.jpg"}
function moveback8(){image8.src="image/aboutoff.jpg"}

/************BEGIN SUBMENU1****************/

function submoveover(){subimage.src="image/storyover.jpg"}
function submoveback(){subimage.src="image/storyoff.jpg"}

/************ SUBMENU1****************/

function submoveover1(){subimage1.src="image/charactersover.jpg"}
function submoveback1(){subimage1.src="image/charactersoff.jpg"}

/************ SUBMENU1****************/

function submoveover2(){subimage2.src="image/enemiesover.jpg"}
function submoveback2(){subimage2.src="image/enemiesoff.jpg"}

/************ SUBMENU1****************/

function submoveover3(){subimage3.src="image/filesover.jpg"}
function submoveback3(){subimage3.src="image/filesoff.jpg"}

/************ SUBMENU1****************/

function submoveover4(){subimage4.src="image/weaponsover.jpg"}
function submoveback4(){subimage4.src="image/weaponsoff.jpg"}

/************ SUBMENU1****************/

function submoveover5(){subimage5.src="image/featuresover.jpg"}
function submoveback5(){subimage5.src="image/featuresoff.jpg"}

/************BEGIN SUBMENU2****************/

function submoveover6(){subimage6.src="image/storyover.jpg"}
function submoveback6(){subimage6.src="image/storyoff.jpg"}

/************ SUBMENU2****************/

function submoveover7(){subimage7.src="image/charactersover.jpg"}
function submoveback7(){subimage7.src="image/charactersoff.jpg"}

/************ SUBMENU2****************/

function submoveover8(){subimage8.src="image/enemiesover.jpg"}
function submoveback8(){subimage8.src="image/enemiesoff.jpg"}

/************ SUBMENU2****************/

function submoveover9(){subimage9.src="image/filesover.jpg"}
function submoveback9(){subimage9.src="image/filesoff.jpg"}

/************ SUBMENU2****************/

function submoveover10(){subimage10.src="image/weaponsover.jpg"}
function submoveback10(){subimage10.src="image/weaponsoff.jpg"}

/************ SUBMENU2****************/

function submoveover11(){subimage11.src="image/featuresover.jpg"}
function submoveback11(){subimage11.src="image/featuresoff.jpg"}

/************ SUBMENU2****************/

function submoveover12(){subimage12.src="image/betaover.jpg"}
function submoveback12(){subimage12.src="image/betaoff.jpg"}


I know there is a better way! If you would like to see all the code it is contained in attached file below!

[hairynugs6382]

here

[martin_narg]

in your <img> tag:


<img src="myImg.jpg" onmouseover="this.src='myImg_over.jpg'" onmouseout="this.src='myImg.jpg'">


hope this helps

m_n