.....................................................
Скрипт для MouseOver‘ов
.....................................................
Замечания по прикрутке скрипта к страницам
На страницах вставляем в <head> такой код:
<script>function Over(){}function Out(){}</script>
<script src="over.js"></script>
Если совместимость с Netscape 1.x-3.x не нужна, то просто:
<script src="over.js"></script>
Если файл over.js находится не в одной и той же
директории с HTML файлами, то меняем путь к нему :)
Ссылки на картинки делаем так:
<a href="#" onMouseOver="Over('I1')" onMouseOut="Out('I1')">
<img src="img/Tattoo.gif" border=0 name="I1"></a>
В файле over.js необходимо:
- заменить путь к директории с картинками в строке
var param='img/'
(если указывать относительный путь, то путь необходимо
указывать относительно HTML-файлов, которые
используют данный скрипт, а не относительно over.js,
если последний находится не в одной и той
директории с HTML-файлами)
- заменить названия картинок:
if (document.images) {
I1On=new Image();
I1Off=new Image();
I1On.src=param+"Tattoo1.gif"
I1Off.src=param+"Tattoo.gif"
I2On=new Image();
I2Off=new Image();
I2On.src=param+"Tattoo3.gif"
I2Off.src=param+"Tattoo2.gif"
imgLoaded=1;
}
Соответственно, IхOn-- это основная картинка, а IхOff-- картинка
отображаемая при наведении мыши. Если необходимо
использовать скрипт для большего числа картинок, то
добавляем перед "imgLoaded=1;" для каждой картинки код вида
IхOn=new Image();
IхOff=new Image();
IхOn.src=param+"image.gif"
IхOff.src=param+"image2.gif"
Где "х" номер картинки в скрипте. На странице будет
необходимо изменить события
onMouseOver="Over('Iх')" onMouseOut="Out('Iх')" и
значение атрибута name="Ix" в тэге <img> в соответствии с
номером картинки в скрипте.
Всё ;)