можете попинать за тупой вопрос, я бы себя попинала точно. http://de.selfhtml.org/javascript/beispiele/buttons.htm - сделала все согласно этому коду (ссылки-изображения располагаются в 5 ячейках у ``navigation"), но вместо рабочей подсветки получила при наведении на картинку ее в растянутом виде в левом верхнем углу страницы, в первой ячейке таблицы (id="main"). как пофиксить? или ткните пожалуйста носом в другую реализацию.
HTML: <html> <head> <script type="text/javascript"> function load () { var atags = document.getElementById("linktable").getElementsByTagName("a"); var imgs = new Array(); for (i = 0; i < atags.length; i++) { var img = atags[i].getElementsByTagName("img")[0]; imgs[i] = img.src.substr(img.src.lastIndexOf("/") + 1); img.onmouseout = (function (src) { return function () {this.src = src; } })(imgs[i]); img.onmouseover = (function (src) { return function () { this.src = 'light'+src } })(imgs[i]); } } </script> </head> <body onload="load()"> <table id="linktable"> <tr> <td><a href="#"> <img src="main.png"></a> </td> <td><a href="#"> <img src="index.png"></a> </td> </tr> </table> </body> main.png - имя стандартной картинки lightmain.php - имя картинки, которая показывается при фокусе.