Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   смена картинки при наведении мыши глючит в осле (https://forum.antichat.xyz/showthread.php?t=24235)

Дикс 20.09.2006 21:56

смена картинки при наведении мыши глючит в осле
 
// ну наконец-то текстареа заработала %)

вобщем такое дело.
есть меню из нескольких ссылок, каждая представлена картинкой. при наведении мыши на любой пункт срабатывает паленый яваскрипт и картинка меняется на другую, осветлённую версию. убираешь мышь - все по прежнему.
в опере 9.1 и в мозилле файрфокс всё отлично.
но сраная ослина опять сует палки в колёса - мало того что осветлённые картинки не подгружаются спец. функцией, так и при наведении курсора на любой пункт, светлая картинка появляется не в этом пункте, а всегда в первом.
весь яваскрипт вынесен в отдельный js, сохранённую страничку можно скачать здесь:
webfile.ru/1115235 // ~170кб

посмотрите пожалста, можете прикрутить его к своей менюхе и скажите как оптимизировать его под осла, чтоб не глючил.

SMiX 20.09.2006 22:25

Лучше выложи в html чтобы отдельно скачивать не надо было - посмотрим.

St__one 21.09.2006 12:22

Цитата:

Сообщение от Дикс
...срабатывает паленый яваскрипт и картинка меняется на другую...

Попробуй через css сделать то же самое
Вот к примеру
Код:

a.Button1 {background-image: url(image/Button1.jpg);display: block;color: #FFFFFF;text-decoration: none;font-family: Arial, Verdana, Tahoma, sans-serif;font-size: 18px;width: 100%;height: 100%;font-weight: bold;border: 0;text-align: center;}  a.Button1:hover {background-image: url(image/Button1on.jpg);}  a.Button1:link {background-image: url(image/Button1.jpg);}  a.Button1:active {background-image: url(image/Button1.jpg);}

nc.STRIEM 22.09.2006 00:06

собсно вот
<A href="http://custom" onmouseout="document.mypic.src='img1.gif'" onmouseover="document.mypic.src='img2.gif'"><IMG border=0 name=mypic src="img1.gif"></A>

Дикс 22.09.2006 21:52

St__one и nc.STRIEM
пасиба ребята.
особенно хорош вариант стрима, и как я сам я не догадался :)
(но Тринукс таки добился своего - я запомнил что надо юзать getElementById %) )

итоговый вариант

<A href="http://custom" onmouseout="document.mypic.src='img1.gif'" onmouseover="document.getElementById('mypic').src= 'img2.gif'"><IMG border=0 id="mypic" src="img1.gif"></A>


Время: 21:55