Смена картинки при onmouseover

Тема в разделе "Другие языки", создана пользователем dig555, 21 окт 2009.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. dig555

    dig555

    Регистр.:
    22 июн 2007
    Сообщения:
    362
    Симпатии:
    148
    Вроде бы банальная задачка, но мозг мне разорвала в клочья. :confused:
    Есть баннер 500x90. Расположен на странице таким образом, что при прокрутке страницы, курсор с 90% вероятностью попадёт на него. При наведении мыша, он должен смениться другим баннером - 700x160.
    Т.е. акцентируем внимание на рекламе, и подталкиваем посетителя к переходу.
    Вот код:
    HTML:
    <html>
    <head>
    <script>
    var img1=new Image(); img1.src="http://site.ru/image1.gif";
    var img2=new Image(); img1.src="http://site.ru/image2.gif";
    function change1() { var a=window.event.srcElement;
    	if (a.tagName=="IMG")
    		a.src=a.src.substring(0, a.src.length-4) + "2"+
    		a.src.substring(a.src.length-4, a.src.length);
    }
    function change2() { var a=window.event.srcElement;
    	if (a.tagName=="IMG")
    		a.src=a.src.substring(0, a.src.length-5) +
    		a.src.substring(a.src.length-4, a.src.length);
    }
    document.onmouseover=change1;
    document.onmouseout=change2;
    </script>
    </head>
    <body>
    <a href="http://site2.ru" target=_blank><img name="img1" src="http://site.ru/image2.gif" border=0></a><br>
    </body>
    </html>
    image1.gif - маленький баннер
    image2.gif - большой
    А теперь проблемы.
    Эта жопа работает через раз. В опере и IE картинки меняются в FF - не хочет. Наверное, какие-то замутки с ActiveX. ХЗ почему. Как добиться кроссбраузерности?
    Кроме того, мне хочется чтобы вторая картинка открывалась поверх всех слоёв на сайте. Ибо она превышает по размеру колонку, где размещён баннер, и вся вёрстка ползёт.
    Вроде есть вариант и попроще:
    HTML:
    
    <a href="http://site2.ru" onmouseover="document.image.src='image2.gif';" onmouseout="document.image.src='image1.gif';"><img src="image1.gif" name="image"></a>
    
    Но и он отказывается работать. Ошибиться тут негде. Мозг взорван, почему не работает - не знаю.:nezn:
     
  2. MyCreature

    MyCreature Постоялец

    Регистр.:
    5 окт 2008
    Сообщения:
    83
    Симпатии:
    5
    По повду второго примера:

    HTML:
    <div onmouseover="document.image.src='image2.gif'" onmouseout="document.image.src='image1.gif'"><a href="http://site2.ru"><img src="image1.gif" name="image"></a></div>
    Так все работает:)
     
    dig555 нравится это.
Статус темы:
Закрыта.