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


Пользователь месяца
OlgaGetman OlgaGetman 1-й за Декабрь
Очков активности: 2100 10 тем, 170 сообщений, 7 баллов репутации
ТОП самых активных за этот месяц
  • Фотография Ixman
    #1

    Ixman (o5cat.ru)
    Очков активности: 195 Вне конкурса за определение пользователя месяца

  • Фотография Андрей WPMasterKZ
    #2

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 153 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #3

    BLIK
    Очков активности: 126 0 тем, 21 сообщение, 4 балла репутации

  • Фотография OlgaGetman
    #4

    OlgaGetman
    Очков активности: 88.5 Вне конкурса за определение пользователя месяца

  • Фотография Cheaplinks
    #5

    Cheaplinks
    Очков активности: 54 0 тем, 18 сообщений, 2 балла репутации

  • Фотография Mandarin
    #6

    Mandarin
    Очков активности: 52.5 0 тем, 35 сообщений, 1 балл репутации

  • Фотография TimurR
    #7

    TimurR
    Очков активности: 49.5 Вне конкурса за определение пользователя месяца

  • Фотография Ilya74
    #8

    Ilya74
    Очков активности: 48 0 тем, 16 сообщений, 2 балла репутации

  • Фотография Constantine
    #9

    Constantine
    Очков активности: 48 5 тем, 17 сообщений, 1 балл репутации

  • Фотография magnet
    #10

    magnet (rbfxdirect.com)
    Очков активности: 30 0 тем, 10 сообщений, 2 балла репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 25.12.2018
  • Яндекс выдача: 20.01.2019
Топ 5 участников по репутации


Function imgover function imgout

#1 Вячеслав

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

Отправлено 28 March 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
  • Пользователь
  • 381 сообщений
  • Репутация: 2

Отправлено 28 March 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