dig555
Постоялец
- Регистрация
- 22 Июн 2007
- Сообщения
- 365
- Реакции
- 160
- Автор темы
- #1
Вроде бы банальная задачка, но мозг мне разорвала в клочья. 
Есть баннер 500x90. Расположен на странице таким образом, что при прокрутке страницы, курсор с 90% вероятностью попадёт на него. При наведении мыша, он должен смениться другим баннером - 700x160.
Т.е. акцентируем внимание на рекламе, и подталкиваем посетителя к переходу.
Вот код:
image1.gif - маленький баннер
image2.gif - большой
А теперь проблемы.
Эта жопа работает через раз. В опере и IE картинки меняются в FF - не хочет. Наверное, какие-то замутки с ActiveX. ХЗ почему. Как добиться кроссбраузерности?
Кроме того, мне хочется чтобы вторая картинка открывалась поверх всех слоёв на сайте. Ибо она превышает по размеру колонку, где размещён баннер, и вся вёрстка ползёт.
Вроде есть вариант и попроще:
Но и он отказывается работать. Ошибиться тут негде. Мозг взорван, почему не работает - не знаю.
Есть баннер 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>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>