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

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

  • Grohot

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

    Spritz 7 мая 2008 г. 2: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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    <head>
    <title></title>

    <style type=&quot;text/css&quot;>

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

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

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



    </style>

    <script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;>
    /*<![CDATA[*/

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

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

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

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

    /*]]>*/
    </script>

    </head>

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

    <div id=&quot;colon_center&quot;>
    <img id=&quot;romb&quot; src=&quot;images/romb.gif&quot; />
    </div>
    </body>

    </html>
  • Grohot

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

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

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

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

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