ФорумПрограммированиеJavaScript → Помогите написать условие

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

  • Grohot

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

    Spritz 7 мая 2008 г. 10: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 Группа: в ухо

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

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

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

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

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

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

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

    document.getElementById('img_id').src
    все умрут, а я изумруд
  • Grohot

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

    Spritz 7 мая 2008 г. 12: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 Группа: Кто попало

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

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

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

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