Slideshow의 전환이 작동하지 않습니다.

Question

오늘 나는 환상적인 투명한 전환 효과가있는 javascript로 슬라이드 쇼를 만들었지 만, 문제는 처음 2 개의 이미지를 재생 한 후에 다음 이미지가 나타나지 않고 슬라이드 쇼가 반복됩니다. 두 번째 사진은 계속 반복됩니다.

나는 전혀 작동하지 않는 몇 가지 방법을 시도했습니다.

문제에 대한 도움과 통찰력이 나에게 매우 중요합니다. eBRabp

내 자바 스크립트 코드 :

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