1ПИ / Энциклопедия создания сайтов для начинающих / s11

- Энциклопедия создания сайтов для начинающих. Создание и поддержка New Web-Masters Club. Нажимающаяся кнопка

   Наверно Вы не раз видели как картинка сменяется другой картинкой при наведении на нее мышкой. Этот эффект реализуется при помощи Java-скрипта. Скрипт состоит из двух частей. Первая часть вставляется в html всего один раз. А вторую придется вставить столько раз сколько у Вас на страничке будет сменяющихся картинок. Как всегда надписи отмеченные красным необходимо подправить:

Первая часть:

<SCRIPT LANGUAGE="JavaScript">

<!--//

browser_name = navigator.appName;

browser_version = parseFloat(navigator.appVersion);

if (browser_name == "Netscape" && browser_version >= 3.0) { roll = 'true'; }

else if (browser_name == "Microsoft Internet Explorer" && browser_version >= 3.0) { roll = 'true'; }

else { roll = 'false'; }

function over(img,ref) { if (roll == 'true') { document.images[img].src = ref; } }

function out(img,ref)  { if (roll == 'true') { document.images[img].src = ref; } }

if (roll == 'true')

{

a1=new Image;a1.src="image1.gif";

a2=new Image;a2.src="image2.gif";

...

aX=new Image;aX.src="imageX.gif";

}

//-->

</SCRIPT>

В конце первой части скрипта производится подгрузка изображений нажимающихся кнопок. Необходимо подгрузить картинки нажатой и не нажатой кнопок.

...

aX=new Image;aX.src="imageX.gif";

Эти две строчки показывают то, что необходимо прописать подгрузку всех картинок. В работающем скрипте не должно быть троеточия и вместо X должно быть число

Вторая часть:

<A HREF="page.htm" onMouseOver="over('image_name','image2.gif');" onMouseOut="out('image_name','image1.gif');"><img name="image_name" alt="текст" src="image1.gif" width=x height=y border="0"></A>

Что есть что:

page.htm - имя файла ссылки

image_name - Имя картинки, необходимо чтобы java-скрипт знал какую картинку менять. У каждой картинки должно быть свое имя.

image1.gif - Файл не нажатой кнопки.

image2.gif - Файл нажатой кнопки (будет на месте картинки image1.gif при наведении на нее мышкой) [На главную страницу ] [ К оглавлению JavaScript ]