动态更改div中的图像

简单的javascript示例:

var currentImage = 0;
var images = [
    'a.jpg',
    'b.jpg'
];
var imageElement = document.getElementById('yourImageTagId');

function nextImage(){
    currentImage = (currentImage + 1) % images.length;
    imageElement.src = images[currentImage];
}

var timeoutId = setTimeout(nextImage, 1000);

<img src="a.jpg" id="yourImageTagId" />

Jquery Cycle 非常灵活。。。你可以很容易地把它和你已经标记好的东西联系起来。

现在有很多方法可以做到这一点,但一个简单的方法是使用以下jquery插件:

http://jquery.malsup.com/cycle/

这里是一个简单的演示在行动中褪色的图像一个接一个。

http://jquery.malsup.com/cycle/basic.html

setTimeout

你可以这样做。

function selectData(currentIndex) {
    // select current's element "display" to "none" and show next element
    ...

    // schedule next change in two second        
    setTimeout("selectData(" + nextIndex + ");", 2000);
};

display:none