Помогите написать условие

Grohot

Сообщения: 52 Репутация: N Группа: Кто попало

6 мая 2008 г. 23:16

Возникла необходимость сделать меню с использованием java script. Не знаю как написать условие, которое будет проверять какое изображение подгружено <img src="images/romb.gif" name="romb" /> или <img src="images/romb_2.gif" name="romb" />.

Т.е. если на странице показывается "Рисунок 1 (<img src="images/romb.gif" name="romb" />)", то меняем на "Рисунок 2 (<img src="images/romb_2.gif" name="romb" />)"

А если показывается "Рисунок 2", то ничего не делаем
md5

Сообщения: 11960 Репутация: N Группа: в ухо

6 мая 2008 г. 23:18, спустя 1 минуту 26 секунд

картинке присвоить id, посмотреть её src и если он равен первому, то поменять на второе

все умрут, а я изумруд
Grohot

Сообщения: 52 Репутация: N Группа: Кто попало

6 мая 2008 г. 23:19, спустя 1 минуту 12 секунд

А как src посмотреть? Я в java script ноль :(
md5

Сообщения: 11960 Репутация: N Группа: в ухо

7 мая 2008 г. 0:08, спустя 49 минут 18 секунд

document.getElementById('img_id').src

все умрут, а я изумруд

Сообщения: 52 Репутация: N Группа: Кто попало

7 мая 2008 г. 1:29, спустя 1 час 20 минут 35 секунд

С условием вроде разобрался, но всё равно не могу решить проблему.
Задача следущая:
Наводим на блок 1, появляется блок 2(будущее меню) и меняется изображение romb.gif на romb_2.gif

Теперь при неведении на блок 2 изображение на странице должно остаться не изменным (romb_2.gif), но в момент перехода с блока 1 на блок 2, снова происходит подстановка картинки romb_2.gif и гиф начинает проигрываться заново. Вот код:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>

  <style type="text/css">

    #active_zone {
      background: #f1f1f1;
      height: 250px;
    }

    #main_menu {
      background: #ccc;
      padding: 15px;
      display: none;
    }

    #left {
      height: 200px;
      background: green;
      width: 300px;
    }



  </style>

  <script language="JavaScript" type="text/javascript">
    /*<![CDATA[*/

    function showMenu(){
    document.getElementById('main_menu').style.display=(document.getElementById('main_menu').style.display != 'block' ? 'block' : 'none');
    }

    function rotateRomb() {
    pattern = /romb/g;
    str = document.getElementById('romb').src;
    result = str.match(pattern);

    if(result == 'romb') {
    document.getElementById('romb').src='images/romb_2.gif';
    }
    }

    function normalRomb() {
    document.getElementById('romb').src='images/romb.gif';
    }

    /*]]>*/
    </script>

</head>

<body>
         <div id="active_zone" onmouseover="showMenu(); rotateRomb();" onmouseout="showMenu(); normalRomb();">
            <div id="main_menu">Главное меню</div>
         </div>

         <div id="colon_center">
            <img id="romb" src="images/romb.gif" />
        </div>
</body>

</html>

Grohot

Сообщения: 52 Репутация: N Группа: Кто попало

7 мая 2008 г. 5:30, спустя 4 часа 58 секунд

В IE 6 работает как нужно, проблема в FF и Opera.
Я думал что условие поможет. Т.е. будет проверяться какая картинка сейчас показывается, если вторая, то ничего не делаем и гиф дальше себе крутится, а если первая, то меняем на вторую.

вот ссылка _artyurkov.ru/primer/

Пожалуйста, авторизуйтесь, чтобы написать комментарий!

Помогите написать условие

Войти