Как я могу заставить слайд-шоу исчезнуть?

Question

Im пытается отредактировать мой текущий файл javascript, чтобы мое слайд-шоу моего изображения постепенно исчезало, а не прыгало с картины на картинку. Вот мой текущий код:

var MyImage=document.getElementById("myPhoto"); 

var imageArray=["workone.jpg", "worktwo.jpg", "workthree.jpg"] 

var imageIndex=0; 

function changeImage() { 
myPhoto.setAttribute("src", imageArray [ imageIndex]); 
imageIndex++; 
if (imageIndex>=imageArray.length) { 
    imageIndex=0; 
} 
} 

var intervalHandle = setInterval(changeImage,4000); 

myPhoto.onclick=function() { 
clearInterval(intervalHandle); 
}  

Answer 1

Здесь вы можете использовать jQuery. Проверьте функции fadeIn и fadeOut. Вы также можете достичь этого с помощью необработанного javascript, постепенно изменяя непрозрачность элемента.