スライドショーが定義されていません

Question

私のコードがこのエラーを投げるのはなぜですか？

Uncaught TypeError: Cannot read property '1' of undefined.

var img = [ 
 
    "http://src.itec.systems/img/1.jpg", 
 
    "http://src.itec.systems/img/2.jpg", 
 
    "http://src.itec.systems/img/3.jpg" 
 
]; 
 

 
var num = 0; 
 

 
function sig() { 
 
    var slider = document.getElementById('slider'); 
 
    num++; 
 
    if (num >= img.length) { 
 
    num = 0; 
 
    } 
 
    slider.src.img[num]; 
 
} 
 

 
function ant() { 
 
    var slider = document.getElementById('slider'); 
 
    num--; 
 
    if (num < 0) { 
 
    num = img.length - 1; 
 
    } 
 
    slider.src.img[num]; 
 
}

<div> 
 
    <button onclick="ant()">Anterior</button> 
 
    <img id="slider" src="http://src.itec.systems/img/1.jpg"> 
 
    <button onclick="sig()">Siguiente</button> 
 
</div>

Answer 1

slider.src.imgは定義されていませんので。

slider.src = img[num]を意味しましたか？