Вот такой вопрос:
существует код смена картинки на другую при наведении курсора:
<script language="JavaScript">
img1on = new Image();
img1on.src ="http://fantasyflash.ru/grafic/ava_cat/image/cat14.jpg";
img1off = new Image();
img1off.src = "http://fantasyflash.ru/grafic/ava_cat/image/cat15.jpg";
function imgOn(imgName) {
document[imgName].src = eval(imgName + "on.src"); }}//osw
function imgOff(imgName) {
document[imgName].src = eval(imgName + "off.src"); }}
<a href="http://fantasyflash.ru" onmouseover="imgOn('img1')"; onmouseout="imgOff('img1')" >
<img src="http://fantasyflash.ru/grafic/ava_cat/image/cat15.jpg" border="0" name=img1></a>
Но как сделать так, чтобы прописать это несколько раз, чтобы визу еще несколько картинок было?
Я попробовал посовмещать и понял что не смогу.
Я делаю это все на publishere, и когда создаю 2 объекта с такими кодами, они не работают, по этому надо все прописать в одном.
Я кнопки делаю, 1 кнопка это одна картинка, картинка при наведении на кнопку курсором другая, то есть 6 кнопок 12 картинок, а в скрипте тока одна картинка, вот и не получается ((
И еще при желании при наведении мыши на кнопку чтоб срабатывал один звук, вообщем очень буду благодарен.
И вообще считаю очень полезная тема будет не тока для меня

Попробуй так:
<script language=JavaScript>
////Предзагрузка изображений:
item0=new Image(); item0.src="images/search_avto.gif"; item0_a=new Image(); item0_a.src="images/search_avto_1.gif";
item1=new Image(); item1.src="images/sale_in_spb.gif"; item1_a=new Image(); item1_a.src="images/sale_in_spb_1.gif";
item2=new Image(); item2.src="images/zakaz.gif"; item2_a=new Image(); item2_a.src="images/zakaz_1.gif";
item3=new Image(); item3.src="images/credit.gif"; item3_a=new Image(); item3_a.src="images/credit_1.gif";
item4=new Image(); item4.src="images/forum.gif"; item4_a=new Image(); item4_a.src="images/forum_1.gif";
item5=new Image(); item5.src="images/contacts.gif"; item5_a=new Image(); item5_a.src="images/contacts_1.gif";
item6=new Image(); item6.src="images/e_mail.gif"; item6_a=new Image(); item6_a.src="images/e_mail_1.gif";
function show(im1,ip1)
document.images[im1].src=eval(ip1+".src");
А потом:
<a href="#"><img name=menu0 onmouseout="show('menu0','item0');" onmouseover="show('menu0','item0_a');" src="images/search_avto.gif" width=183 height=28 border="0" alt=""></a>
<a href="#"><img name=menu1 onmouseout="show('menu1','item1');" onmouseover="show('menu1','item1_a');" src="images/sale_in_spb.gif" width=183 height=25 border=0 alt=""></a>
<a href="#"><img name=menu2 onmouseout="show('menu2','item2');" onmouseover="show('menu2','item2_a');" src="images/zakaz.gif" width=183 height=26 border=0 alt=""></a>
<a href="#"><img name=menu3 onmouseout="show('menu3','item3');" onmouseover="show('menu3','item3_a');" src="images/credit.gif" width=183 height=26 border=0 alt=""></a>
<a href="#"><img name=menu4 onmouseout="show('menu4','item4');" onmouseover="show('menu4','item4_a');" src="images/forum.gif" width=183 height=26 border=0 alt=""></a>
<a href="#"><img name=menu5 onmouseout="show('menu5','item5');" onmouseover="show('menu5','item5_a');" src="images/contacts.gif" width=183 height=26 border=0 alt="">
<a href="#"><img name=menu6 onmouseout="show('menu6','item6');" onmouseover="show('menu6','item6_a');" src="images/e_mail.gif" width=183 height=26 border=0 alt=""></a>