我试图在两张图片之间切换，但需要 js 来处理许多不同的图片。如何使用带有 id 的参数来实现？这是我目前得到的结果：

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 标签的图片。

感谢大家的帮助！