Не отображается ява скрипт в других браузерах. Окромя Мозиллы.
 

Добрый день.
Заюзал ява скрипт для того что б при наведении курсора на ссылку(картинку) картинка менялась на другую.
Очень понравился эффект, всё работает быстро и чётко, изменил под этот скрипт все свои картинки-закладки и всё выглядело очень симпотично. Но вот думаю проверю как оно будет в IE, а в IE оно вобще не отображается, просто нету нечего на этом месте и всё. Затестил в Опере и тоже вобще нечего нету.
В просто в ява скрипте не очень разбираюсь. Подскажите как можно добавить кросбраузерность.

Ява скрипт
<script LANGUAGE="JavaScript">
function anim1()
{
document.mypic1.src="images/home1.jpg"
}
function stat1()
{
document.mypic1.src="images/home.jpg"
}
</SCRIPT>

И как прописано в теле.
<a href="?a=home" <IMG SRC="images/home.jpg" NAME="mypic1" BORDER=0 onMouseOver="anim1()" onMouseOut="stat1()"> </a>


Пробовал ещё вот так:
<script LANGUAGE="JavaScript">
function anim1(element)
{
element.src="images/home1.jpg"
}
function stat1(element)
{
element.src="images/home.jpg"
}
</SCRIPT>

<a href="?a=home" <IMG SRC="images/home.jpg" NAME="mypic1" BORDER=0 onMouseOver="anim1(this)" onMouseOut="stat1(this)" /> </a>

И вот так.

<script LANGUAGE="JavaScript">
function anim1()
{
document.getElementById('mypic1').src="images/home1.jpg"
}
function stat1()
{
document.getElementById('mypic1').src="images/home.jpg"
}
</SCRIPT>

<a href="?a=home" <IMG SRC="images/home.jpg" ID="mypic1" BORDER=0 onMouseOver="anim1()" onMouseOut="stat1()" /> </a>

Всёравно, работает только в Фаерфоксе. В Ие и в Опере не работает :(.

Спасибо.

<a href="?a=home" <IMG SRC="images/home.jpg" NAME="mypic1" BORDER=0 onMouseOver="anim1(this)" onMouseOut="stat1(this)" /> </a>

замени на

<img src="images/home.jpg" id="mypic1" name="mypic1" border=0 onMouseOver="anim1(this)" onMouseOut="stat1(this)" />

Спасибо. В Эксплорере заработало, вот только когда наводишь стрелочку она не становиться указательным пальцем и естественно без ссылки не работает.

Такие задачи можно решить без javascript:

<style>
.hover { display: none; }
a:hover .nothover { display: none; }
a:hover .hover { display: inline; }
</style>
<a href="#">
  <img class="nothover" src="http://javascript.ru/forum/images/smilies/smile.gif">
  <img class="hover" src="http://javascript.ru/forum/images/smilies/tongue.gif">
</a>

swatello,
в стиль допишите cursor : pointer и будем вам указательный палец
но такую вещь, действительно проще без JS

В общем получилось.
<a href="?a=home"><img src="images/home.jpg" id="mypic1" name="mypic1" border=0 onMouseOver="anim1(this)" onMouseOut="stat1(this)" /> </a>