Подстройка чужого баннера под свою страницу.


Автор : 4ek@mail.nnaov.ru 

Источник: http://www.allforgeeks.narod.ru/  

Иногда предоставляемые Вам баннеры могут совершенно не подходить по цвету Вашей странице. Конечно, если об установке баннера вы договаривались непосредственно с его хозяином, можно и попросить перерисовать баннер, в соответствии с цветами страницы. Но, во-превых, хозяин баннера может попросту отказаться, а во-вторых, как быть, если баннер предоставлен обменной сетью? Казалось бы, сделать в этом случае что-либо не реально, но на помощь приходит очередная волшебная возможност JavaScript! Вставив небольшой код в страницу, Вы сможете решить все свои проблемы раз и навсегда!
Делается это следующим образом.

Первоначально необходимо вставить между тегами <head> и </head> следующий код:

<SCRIPT language=JavaScript1.2>

function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",1)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=40
}

function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if (window.highlighting)
clearInterval(highlighting)
}

</SCRIPT>

Едем дальше. Допустим, Вам необходимо вставить баннер сайта http://www.allfforgeeks.narod.ru/

Для этого вы пишите:

<a href="http://www.allforgeeks.narod.ru/" target=_blank>
<img src="http://www.allforgeeks.narod.ru/images/logolite.gif" 
width="88" height="31" border="0" alt="Стань компьютерным
маньяком!"></a>

А сейчас нужно вставить в тег img src=, между img и src следующее:

onmouseover=high(this) style=FILTER:alpha(opacity=40) onmouseout=low(this)

В результате код должен выглядеть следующим образом: 

<a href="http://www.allforgeeks.narod.ru/" target=_blank>
<img onmouseover=high(this) style=FILTER:alpha(opacity=40) onmouseout=low(this) src="http://www.allforgeeks.narod.ru/images/logolite.gif" 
width="88" height="31" border="0" alt="Стань компьютерным
маньяком!"></a>

Всё должно работать!

Пару слов об используемых переменных: 

"which2.filters.alpha.opacity=X" - степень прозрачности изображени после того, как был убран курсор мыши с изображения. Чем больше значкние икс, тем прозрачнее изображение.

"(cur2.filters.alpha.opacity<X)" - степень прозрачности изображения после полной его проявки. Чем больше значкние икс, тем прозрачнее изображение.

"cur2.filters.alpha.opacity+=X" - скорость проявки изображения. Чем больше значение икс, тем быстрее изображение будет проявлено.
Для достижения наилучшего результата я рекомендую поэксперементировать с этими значения!

   Перепечатка материалов разрешается, только после письменного разрешения автора (e-mail). При перепечатке любого материала с журнала видимая ссылка на источник www.wmaster.ru и все имена, ссылки авторов обязательны.
© Copyright Wmaster Design Group  2002. © Все права защищены. Designed by WWW.DESIGN.ST/udio