圖像滑塊JavaScript

Question

我寫這個代碼但是下一個按鈕不工作它顯示錯誤無法設置屬性'src'的undefined

<script language="javascript" >
    var pics=new Array("img1.jpeg","img2.jpg","img3.jpg","img4.jpg","img5.jpg");
    var count=0; var len=pics.length;
    function next() {
        // body...
        count++;
        if (count<len) {
            document.pic.src=pics[count];
        }
        else{
            count=0;
            document.pic.src=pics[count];
        }
    }
    function changePic(imgSrc) {
    document.getElementById("pic").src=imgSrc;

}
</script>

當我單擊下一步按鈕時，它將顯示幻燈片欄中的下一張圖像

Answer 1

1. 使用document.getElementById("pic")而不是document.pic 。 document.id來定位元素不是一個好習慣

或使用changePic(pics[count])

var pics=new Array("img1.jpeg","img2.jpg","img3.jpg","img4.jpg","img5.jpg");
    var count=0; var len=pics.length;
    function next() {
        // body...
        count++;
        if (count<len) {
            document.getElementById("pic").src=pics[count];
            //OR
            changePic(pics[count]);
        }
        else{
            count=0;
            document.getElementById("pic").src=pics[count];
            //OR
             changePic(pics[count]);
        }
    }
    function changePic(imgSrc) {
      document.getElementById("pic").src=imgSrc;
    }