смена картинки при наведении мыши глючит в осле

Discussion in 'PHP' started by Дикс, 20 Sep 2006.

  1. Дикс

    Дикс Elder - Старейшина

    Joined:
    16 Apr 2006
    Messages:
    1,194
    Likes Received:
    227
    Reputations:
    26
    // ну наконец-то текстареа заработала %)

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

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

    SMiX Elder - Старейшина

    Joined:
    25 Jul 2005
    Messages:
    227
    Likes Received:
    55
    Reputations:
    29
    Лучше выложи в html чтобы отдельно скачивать не надо было - посмотрим.
     
  3. St__one

    St__one Elder - Старейшина

    Joined:
    5 Jul 2006
    Messages:
    24
    Likes Received:
    6
    Reputations:
    6
    Попробуй через css сделать то же самое
    Вот к примеру
    Code:
    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);}
     
    1 person likes this.
  4. nc.STRIEM

    nc.STRIEM Members of Antichat

    Joined:
    5 Apr 2006
    Messages:
    1,036
    Likes Received:
    347
    Reputations:
    292
    собсно вот
    <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>
     
  5. Дикс

    Дикс Elder - Старейшина

    Joined:
    16 Apr 2006
    Messages:
    1,194
    Likes Received:
    227
    Reputations:
    26
    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>