1 вариант: поискать по форуму, так как эта тема много раз обсуждалась
2 вариант: лови код
Код:
<html>
<head>
<script language="JavaScript">
names = new Array ("1.gif","2.gif");
Создаём массив и записываем в него список всех картинок, которые мы будем использовать.
tmp = new Array ();
Создаём ещё один, временный массив.
for (i in names) {
Пробегаем все элементы массива.
tmp[i] = new Image();
tmp[i].src = names[i];
Загружаем наши картинки.
}
</script>
</head>
<body>
<img src="1.gif" onMouseOver="src='2.gif'" onMouseOut="src='1.gif'">
Создаём картинку и говорим, что при наведении на неё мышки (onMouseOver) будет меняться картинка, а при отведении (onMouseOut) будет возвращена старая картинка.
</body>
</html>
Будут ещё вопросы, пиши, по моему опыту, данный вариант самый удачный