幻灯片未定义

时间:2017-05-15 04:15:13

标签: javascript slideshow

为什么我的代码会抛出此错误?

  

未捕获的TypeError:无法读取未定义的属性“1”。

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>

1 个答案:

答案 0 :(得分:0)

因为slider.src.img未定义。

您的意思是slider.src = img[num]吗?