Eu estou tentando mudar a imagem HTMLsrc usando Javascript. Eu tenho duas imagens Plus.gif e Minus.gif.Eu inseri o HTMLimg tag e ter escrito uma função Javascript para mudar a imagemsrc quando clicado.

O problema é que eu quero mudar de volta quando o usuário clica na imagem. Por exemplo, quando a página é carregada,Plus.gif mostra e quando o usuário clica nele a imagem muda paraMinus.gif.

Eu quero isso assim, quando a imagem éMinus.gif e usuário clica nele isso deve ser alterado paraPlus.gif.

Aqui está a minha função Javascript:

<script language="javascript" type="text/javascript">
  function chngimg() {
    var img = document.getElementById('imgplus').src; //= 'Images/Minus.gif';

    if (img) {
      document.getElementById('imgplus').src = 'Images/Minus.gif';
    } else if (!img) {
      document.getElementById('imgplus').src = 'Images/Plus.gif';
      alert(img);
    }

  }
</script>

Tag de imagem:

<img id="imgplus" alt="" src="Images/Plus.gif" onmouseover="this.style.cursor='pointer'" onclick="chngimg()"   />