javascript - JavaScript が期待どおりにボタンで動作しない

Question

前のボタンと前のボタンをギャラリーに接続しようとしていますが、ギャラリーの最初の画像で前のボタンを非表示にしたいのですが、javascript がまったく機能していないようです。

Javascript

var imageGallery = new Array();
imageGallery[0] = '1.png';
imageGallery[1] = '2.png';
imageGallery[2] = '3.png';
imageGallery[3] = '4.png';
imageGallery[4] = '5.png';
var imgCount = 0;
function next() {
    imgCount++ ;
    document.getElementById("gallery").src = imageGallery[imgCount] ;
}

function previous() {
    imgCount--;
    document.getElementById("gallery").src = imageGallery[imgCount] ;   
    }

if(document.getElementById("gallery").getAttribute("src") == "1.png")
    {
    document.getElementById("previous").style.visibility = 'hidden';
    }
else 
    {
    document.getElementById("previous").style.visibility = 'visible';
    }

HTML

<div id="img">
<img id="gallery" src="1.png" style="height:420px; width:744px" >
<div id="imgNav">
    <a id="previous" href onclick="previous(); return false;">previous</a>
    <span style="color:#666; font-size:0.9em"> | </Span>
 <a id="next" href onclick="next(); return false;">next</a>
</div>
</div>

実際のロジックは、ID「ギャラリー」の「src」属性が「1.png」の場合、ID「前」の要素の「可視性」が「非表示」であり、そうでない場合は動作していないようです。誰もがそれを理解するのを助けることができます.