...............................................................
                Скрипт для 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 файлами, то меняем путь к нему :)

Ссылки на картинки делаем так:

1) если необходимо заменять изображение, на которое наводится курсор:

<a href="#" onMouseOver="Over('I1')" onMouseOut="Out('I1')">
<img  src="img/Tattoo.gif" border=0 name="I1"></a>


2) если необходимо заменять произвольную картинку на странице:

<a href="#" onMouseOver="Over('I1')" onMouseOut="Out('I1')">текстовая ссылка</a>
<img  src="img/Tattoo.gif" border=0 name="I1">


3) если необходимо заменять несколько картинок при наведении на
одну из них или на текстовую ссылку:

<a href="#" onMouseOver="mOver('I1','I2','I3')" onMouseOut="mOut(('I1','I2','I3'))">
<img  src="img/Tattoo.gif" border=0 name="I1"></a>

Где I1,I2,I3 — значения атрибутов name картинок, которые нужно заменять.

В файле over.js необходимо:
  — заменить ссылку на директорию с картинками в строке

     var lnk='img/'
  Если указывать относительный путь, то путь необходимо указывать
  относительно  HTML-файлов, которые используют данный скрипт, а не
  относительно over.js, если  последний находится не в одной и той же
  директории с HTML-файлами)

— заменить названия картинок:


  if (document.images) {
  I1On=new Image()
  I1Off=new Image()
  I1On.src=lnk+"Tattoo1.gif"
  I1Off.src=lnk+"Tattoo.gif"
  I2On=new Image()
  I2Off=new Image()
  I2On.src=lnk+"Tattoo3.gif"
  I2Off.src=lnk+"Tattoo2.gif"
  imgLoaded=1
  }

Соответственно, IхOn-- это основная картинка, а IхOff-- картинка
отображаемая  при наведении мыши. Если необходимо использовать
скрипт для большего числа картинок, то добавляем перед "imgLoaded=1"
для каждой картинки код вида


  IхOn=new Image()
  IхOff=new Image()
  IхOn.src=lnk+"image.gif"
  IхOff.src=lnk+"image2.gif"

Где "х" номер картинки в скрипте. На странице будет
необходимо изменить события
onMouseOver="Over('Iх')" onMouseOut="Out('Iх')" и
значение атрибута name="Ix" в тэге <img> в  соответствии с
номером картинки в скрипте.

Всё ;)

В действии, скачать архив

на главную