Javascript 脚本在一次之后不会更改图像

脚本仅更改图像一次。那么它就根本不起作用了

脚本：

<script type="text/javascript">
    function change_image(){
        if (window.document.pic.src='images/NAV_OFFhome_trans.png')
        {
            window.document.pic.src='images/NAV_OFFhist_trans.png';
        }
        else if (window.document.pic.src='images/NAV_OFFhist_trans.png')
        {
            window.document.pic.src='images/NAV_OFFhome_trans.png';
        }
    }
</script>

函数更改_image（）{
if（window.document.pic.src='images/NAV\u OFFhome\u trans.png'）
{
window.document.pic.src='images/NAV_OFFhist_trans.png'；
}
else if（window.document.pic.src='images/NAV\u OFFhist\u trans.png'）
{
window.document.pic.src='images/NAV_OFFhome_trans.png'；
}
}

HTML:

---

在if/else-if语句中，您设置的是src，而不是对照值进行检查。确保使用

=

而不是

=

因此：

<script type="text/javascript">
    function change_image(){
        if (window.document.pic.src == 'images/NAV_OFFhome_trans.png')
        {
            window.document.pic.src = 'images/NAV_OFFhist_trans.png';
        }
        else if (window.document.pic.src == 'images/NAV_OFFhist_trans.png')
        {
            window.document.pic.src = 'images/NAV_OFFhome_trans.png';
        }
    }
</script>

函数更改_image（）{
如果（window.document.pic.src=='images/NAV\u OFFhome\u trans.png'）
{
window.document.pic.src='images/NAV_OFFhist_trans.png'；
}
else if（window.document.pic.src='images/NAV\u OFFhist\u trans.png'）
{
window.document.pic.src='images/NAV_OFFhome_trans.png'；
}
}

---

这里有一个很好的例子：

它在fiddle中工作，但我不知道为什么在新的php文件中它对我不起作用。您是否确保只更改if语句的运算符？你能为你的每张图片创建一个完整的URL，这样我就可以查看它了吗？

<script type="text/javascript">
    function change_image(){
        if (window.document.pic.src == 'images/NAV_OFFhome_trans.png')
        {
            window.document.pic.src = 'images/NAV_OFFhist_trans.png';
        }
        else if (window.document.pic.src == 'images/NAV_OFFhist_trans.png')
        {
            window.document.pic.src = 'images/NAV_OFFhome_trans.png';
        }
    }
</script>