X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Function imgover function imgout, скрипт подгружает картинку
toorr2p
toorr2p
Topic Starter сообщение 28.3.2009, 7:31; Ответить: toorr2p
Сообщение #1


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

имеется скрипрт:
<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
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
toorr2p
toorr2p
Topic Starter сообщение 28.3.2009, 21:43; Ответить: toorr2p
Сообщение #2


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


<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>


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


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 29.3.2024, 17:10
Дизайн