スライドショーをフェードアウトさせるにはどうしたらいいですか？

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でこれを実現することもできます。