есть список ссылок рядом с картинкой и при наведении на определенную ссылку картинка подгружается. Нашел скрипт: <html> <head> <title>test form</title> <style>#img { width: 50px; height: 50px;}</style> <script> var imgs = new Array("blank.gif", "1.gif", "2.gif", "3.gif"); function show_img(a) { var obj = document.getElementById("img"); obj.src = imgs[a]; } </script> </head> <body> <img src="blank.gif" id="img"><br/> <a href="/1" onMouseOver="show_img(1);" onMouseOut="show_img(0);">link 1</a> <a href="#" onMouseOver="show_img(2);" onMouseOut="show_img(0);">link 2</a> <a href="#" onMouseOver="show_img(3);" onMouseOut="show_img(0);">link 3</a> </body> </html> В общем к чему я: два или три одинаковых скрипта на одной странице как выполнить?
поправь сам скрипт: Code: <script> var imgs = new Array("blank.gif", "1.gif", "2.gif", "3.gif"); function show_img(img_id, img_num) { var obj = document.getElementById("img"+img_id); obj.src = imgs[img_num]; } </script> в первом модуле пиши: Code: <img src="blank.gif" id="img1"><br/> <a href="/1" onMouseOver="show_img(1, 1);" onMouseOut="show_img(1, 0);">link 1</a> <a href="#" onMouseOver="show_img(1, 2);" onMouseOut="show_img(1, 0);">link 2</a> <a href="#" onMouseOver="show_img(1, 3);" onMouseOut="show_img(1, 0);">link 3</a> во втором: Code: <img src="blank.gif" id="img2"><br/> <a href="/1" onMouseOver="show_img(2, 1);" onMouseOut="show_img(2, 0);">link 1</a> <a href="#" onMouseOver="show_img(2, 2);" onMouseOut="show_img(2, 0);">link 2</a> <a href="#" onMouseOver="show_img(2, 3);" onMouseOut="show_img(2, 0);">link 3</a>
qw1mb1 спасибо все работает! но вот еще один вопрос а как в скрипте сделать так что бы например: Навожу курсором на ссылку картинка меняется, курсор отвожу и что бы картинка оставалась та на которую наводил Я так понимаю нужно что то править в onMouseOut="show_img(1, 0); Но как не пытаюсь у меня ничего не выходит
