Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

Function imgover function imgout

#1 Вячеслав

Вячеслав
  • Пользователь
  • 357 сообщений
  • Репутация: 0
0

Отправлено 28 Март 2009 - 06:31

Здравствуйте! у меня такая вот проблема:

имеется скрипрт:

<script LANGUAGE="JavaScript">
<!--


IMAGE01 = "on.gif"
IMAGE02 = "off.gif"

function imgover(imgname){
imgname.src = IMAGE01
}

function imgout(imgname){
imgname.src = IMAGE02
}
//-->
</SCRIPT>
</head>

<body bgcolor="#333399" link=aqua alin=aqua vlink=aqua>
<center>
<font color=#fffccc face=verdana size=3>Наведите на ссылку
<p><IMG NAME="IMAGE01" SRC="off.gif">
<A HREF="http://bjs.stsland.ru" onMouseOver="imgover(IMAGE01)" onMouseOut="imgout(IMAGE01)">JavaScript</A>

Который подгружает при наведении курсора мыши одну картинку вместо другой, и после отведения мыши тоже...

все работает если картинки только 2 (тоесть одна заменяется другой)
но я хотел применить этот скрипт для подгрузки значка "PLAY" сверху картинок которые указывают на видио...
и картинок этих много...а если я использую скрипт в таком виде как есть, то все картинки заменяются одной и тойже(значком плеера!!!) и обратно не возвращяются... (вот как здесь посмотреть

Подскажите что можно придумать...как идентификаторы прописать или что там? или это не то совсем?

 

 

  • 0

#2 Вячеслав

Вячеслав
    Topic Starter
  • Пользователь
  • 357 сообщений
  • Репутация: 0

Отправлено 28 Март 2009 - 20:43

Решил проблему следующим образом


<script language="JavaScript">
var oldId, oldBgColor;
function hiddenLayer(elem) {
document.getElementById(elem).style.visibility = 'hidden';
lightOff();}
function showLayer(elem) {
document.getElementById(elem).style.visibility = 'visible';}
function lightOn(elem) {
oldId = elem;
oldBgColor = document.getElementById(elem).style.background;
document.getElementById(elem).style.background = 'white';}
function lightOff() {
document.getElementById(oldId).style.background = oldBgColor;}


function clickColor(color)
{
document.getElementsByTagName("div")[0].style.backgroundColor = color;
}
</script>

и вызов
<div class="bg_ic"><div id="menu_o_list" class="submenu" onMouseOver="showLayer('menu_o_list')" onMouseOut="hiddenLayer('menu_o_list')"><img src="play.gif"/></div></div>



<div id="bg_ic"><img src="ark_lk_error.gif"/></div>

<div class="men" id="menu_o" onMouseOver="showLayer('menu_o_list'); lightOn('menu_o')" onMouseOut="hiddenLayer('menu_o_list')" onClick="document.location = 'nas.html'">
<a href="http://host.com">«Какойто текст»<p class="click_">[Скачать]</p></a>
</div>


Но в этом случае код очень сильно увеличивается...вы
  • 0


Оформление форума – IPBSkins.ru