我创建了一个JavaScript幻灯片,但我不知道如何添加淡入淡出效果.请告诉我怎么做,请用JavaScript告诉,不要jQuery!
码:
var imgArray = [
'img/slider1.jpg',
'img/slider2.jpg',
'img/slider3.jpg'],
curIndex = 0;
imgDuration = 3000;
function slideShow() {
document.getElementById('slider').src = imgArray[curIndex];
curIndex++;
if (curIndex == imgArray.length) { curIndex = 0; }
setTimeout("slideShow()", imgDuration);
}
slideShow();
Run Code Online (Sandbox Code Playgroud)