如何让我的幻灯片褪色？

Question

我正在尝试编辑我当前的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。