在幻灯片切换不工作

Question

今天我设法在JavaScript中创建一个幻灯片，有一个奇特的透明过渡，但是，我的问题是，它再生第2张图像后，接下来的将不会出现，幻灯片重复第二张照片一遍又一遍。

我已经试过了没有在所有的工作的一些方法。

任何帮助和洞察力的问题将是对我很重要！

这里是我的代码的链接：eBRabp

我的Javascript代码：

// JavaScript Document 
var myImage = document.getElementById('mySlide'); 

var imageArray = ["images/slider1.jpg","images/slider2.jpg","images/slider3.jpg","images/slider4.jpg","images/slider5.jpg","images/slider6.jpg","images/slider7.jpg"]; 

var imageIndex = 0; 

function changeImage() { 

    mySlide.className = 'hiding'; 

    setTimeout(function() { 
    mySlide.setAttribute('src', 'images/slider2.jpg','images/slider3.jpg','images/slider4.jpg','images/slider5.jpg','images/slider6.jpg','images/slider7.jpg' + imageArray[imageIndex] + '.jpg'); 
    mySlide.className = 'showing'; 
    }, 1000); 

    imageIndex++; 

    if (imageIndex == imageArray.length) imageIndex = 0; 
} 

var intervalHandle = setInterval(changeImage, 3000); 

Answer 1

问题是：mySlide.setAttribute ... ...行它不会工作，当然，因为你已经放置了太多（错误的）参数。你只需要两个，因为你有设置，简单的图像阵列，这样做：

mySlide.setAttribute('src', imageArray[imageIndex]); 

，它应该工作： https://jsfiddle.net/9pd4hnyn/