JavaScript Переключить изображение, нажав на Img - PullRequest
Новая
       28

JavaScript Переключить изображение, нажав на Img

1 голос
/ 07 сентября 2011

Я пытаюсь переключаться между двумя изображениями, но мне нужны js для работы со многими различными изображениями.Как мне сделать это с параметром с идентификатором?Вот что я получил до сих пор:

JS 

    function changeIt(id) 
    {
        var theImg = document.getElementsByTagName('img')[0].src;

        var x = theImg.split("/");
        var t = x.length-1;
        var y = x[t];

        if(y=='red.gif')
        {
            document.images.boxcolor1.src='./pics/green.gif'
        }

          if(y=='green.gif')
        {
            document.images.boxcolor1.src='./pics/red.gif'
        }
    }

HTML 

    <a href="#" onclick="changeIt('boxcolor1')"><img src='./pics/green.gif' name='boxcolor1' id='boxcolor1' border='0' /></a>   
    <a href="#" onclick="changeIt('boxcolor2')"><img src='./pics/green.gif' name='boxcolor2' id='boxcolor2' border='0' /></a>   
    <a href="#" onclick="changeIt('boxcolor3')"><img src='./pics/green.gif' name='boxcolor3' id='boxcolor3' border='0' /></a>

Как вы можете видеть, теперь это работает только для первого изображения (boxcolor1).Я хочу, чтобы он работал для всех изображений по имени или тегу id.

Спасибо за помощь!

1 Ответ

2 голосов
/ 07 сентября 2011

Попробуйте: 

function changeIt(id) 
{
    var theImg = document.getElementById(id),
             x = theImg.src.split("/"),
             t = x.length-1,
             y = x[t];

    if(y == 'red.gif')
    {
        theImg.src='./pics/green.gif'
    }

    if(y == 'green.gif')
    {
        theImg.src='./pics/red.gif'
    }
}

Рабочий пример:

http://jsbin.com/ugofiz/edit

...