スライドショーでの切り替えがうまくいきません

Question

今日、私はJavaScriptの透明なトランジションを持つスライドショーを作成することができましたが、私の問題は、最初の2枚の画像を再生した後、次の画像は表示されず、 2番目の写真を何度も何度も繰り返しています。

私は全く動作しなかったいくつかの方法を試しました。

問題への助けと洞察は私にとって非常に重要です！ここで

私のコードへのリンクです：eBRabp

私のJavascriptコード：それはので、もちろん、動作しません... ... mySlide.setAttributeライン：

// 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

問題がですあなたはあまりにも（間違った）引数を置いています。あなたは、ちょうど2つを必要とし、あなたが簡単な設定画像の配列を、持っているので、これを実行します。

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

そして、それが動作するはずです： https://jsfiddle.net/9pd4hnyn/