图文轮播

Question

网上找了一段图片轮播的代码，感觉还不错，但想为每张图片加上说明，在该图片播出时在显示该说明<script language =javascript > 
var curIndex=0; 
var timeInterval=3000; //时间间隔 单位毫秒 1000毫秒=1秒 
var arr=new Array(); //播出图片的文件名
arr[0]="images/01.jpg"; 
arr[1]="images/02.jpg"; 
arr[2]="images/03.jpg";setInterval(changeImg,timeInterval); 
function changeImg() { 
    var obj=document.getElementById("pic"); 
    if (curIndex==arr.length-1) { 
        curIndex=0; 
    } 
    else { 
        curIndex+=1; 
    } 
    obj.src=arr[curIndex]; 
} 
</script> <img id=pic src ="images/01.jpg" border =0 /> <br>在此出显示该图片的说明

Answer 1

<script src="js/jquery-1.3.2.js" type="text/javascript"> </script> 
<script language =javascript > 
var curIndex=0; 
var timeInterval=3000; //时间间隔 单位毫秒 1000毫秒=1秒 
var arr=new Array(); //播出图片的文件名 
arr[0]="images/01.jpg"; 
arr[1]="images/02.jpg"; 
arr[2]="images/03.jpg"; 
des = [];
des[0] = "图片的说明0";
des[1] = "图片的说明1";
des[2] = "图片的说明2";
setInterval(changeImg,timeInterval); 
function changeImg() { 
    var obj=document.getElementById("pic"); 
    if (curIndex==arr.length-1) { 
        curIndex=0; 
    } 
    else { 
        curIndex+=1; 
    } 
    obj.src=arr[curIndex];
    document.getElementById("pad").innerHTML = des[curIndex];
} 
</script> <img id=pic src ="images/01.jpg" border =0 /> <br><div id="pad"></div>

Answer 2

你要的是不是这种效果：http://www.bhcode.net/code/webad/sample/5/