이미지 네임을 정해주면 됩니다.

일단 스크립트
<script language="JavaScript">
function preLoad(){

if( !document.images ) return
var i,j,k
for( i=0, j=preLoad.arguments.length; i<j; i++ ){
k = preLoad.arguments[i]
eval( 'i_' +k+ ' = new Image()' )
eval( 'i_' +k+ '.src = "' +k+ '.gif"' )
}
}
function imageChange( img, src ){

if( !document.images ) return;
document.images[img].src = src + ".gif"
}
preLoad( "sm01u", "sm02u" ); //롤오버하는 객체수에 따라 하나씩 늘려줘야합니다.

</script>

그리고 롤오버할놈
<img src="볼래이미지.gif" name="이미지네임" border="0"><a href="링크주소" onmouseover="imageChange('이미지네임','바꿀이미지')" onmouseout="imageChange('이미지네임'+ '+ ','볼래이미지')">메뉴이름(택스트)</a>

name만 같으면 그넘이 바뀜니다.
name를 여러개의 이미지에 똑같이 해주면 여러개가 한꺼번에 '바꿀이미지'로 바뀌죠

위에 소스는 저가 웹공부 시작할때쯤..
위쯔(지금은 miniwini.com)님 홈에서 쓰신 강좌를 아직도 쓰고있는 겁니다.. ㅎㅎㅎ

if( !document.images ) return;
document.images[img].src = src + ".gif"
}
이거 때문에

onmouseover="imageChange('이미지네임','바꿀이미지')" onmouseout="imageChange('이미지네임','볼래이미지')"
여기부분의 바꿀이미지에는 .gif를 안붙여줘도 됍니다.. --;;;