js 图片显示

<SCRIPT LANGUAGE="JavaScript">
 
var i = 0;
var pics=new Array;
pics[0]=new Array("http://xunway.com/xianghui/image/hdzz.jpg","照片1");
pics[1]=new Array("http://xunway.com/xianghui/image/hhk.jpg","照片2");
pics[2]=new Array("http://xunway.com/xianghui/image/555.jpg","照片3");
pics[3]=new Array("http://xunway.com/xianghui/image/wo.jpg","照片4");
pics[4]=new Array("http://xunway.com/xianghui/image/2.jpg","照片5");
pics[5]=new Array("http://xunway.com/xianghui/image/520.jpg","照片6");
pics[6]=new Array("http://xunway.com/dwj/wwwroot/flash/dsd.jpg","照片7");
pics[7]=new Array("http://xunway.com/dwj/wwwroot/flash/xzdcx.jpg","照片8");
pics[8]=new Array("http://xunway.com/dwj/wwwroot/flash/dfdf.jpg","照片9");
pics[9]=new Array("http://xunway.com/dwj/wwwroot/flash/dfd.jpg","照片10");

function next() {
if (s1[i+1]) {
i1.src = s1[i+1].value;
s1.selectedIndex = ++i;
   }
else first();
}

function previous() {
if (i-1 >= 0) {
i1.src = s1[i-1].value;
s1.selectedIndex = --i;
   }
else last();
}

function first() {
i = 0;
i1.src = s1[0].value;
s1.selectedIndex = 0;
}

function last() {
i = s1.length-1;
i1.src = s1[i].value;
s1.selectedIndex = i;
}

function pl(text) {
b1.value = (text == "暂停") ? "开始" : "暂停";
rotate();
}

function change() {
i = s1.selectedIndex;
i1.src = s1[i].value;
}

function rotate() {
if (b1.value == "暂停") {
i = (i == s1.length-1) ? 0 : i+1;
i1.src = s1[i].value;
s1.selectedIndex =i;
window.setTimeout("rotate()", 4000);
   }
}
</script>
<style>
input,select{border:solid 1px purple;background:pink}
</style>
<table style="border:solid 1px pink" cellspacing=0>
 </tr>
<tr>
<td align=center bgcolor=gray>
<select name="s1" onChange="change();">
<script>
 for (j=0;j<pics.length;j++)
 {
document.write("<option value="+pics[j][0]+">"+pics[j][1]+"</option>")
  }
</script>
</select>
</td>
</tr>
<tr>
<td valing=middle align=center style="padding:10px" bgcolor=lightpink>
<img name=i1 src="http://xunway.com/xianghui/image/hdzz.jpg">
</td>
<tr>
<td  bgcolor=gray>
<input type=button onClick="first();" value="|<<" >
<input type=button onClick="previous();" value="<<">
<input type=button name="b1" onClick="pl(this.value);" value="暂停">
<input type=button onClick="next();" value=">>">
<input type=button onClick="last();" value=">>|">
</td>
</tr>
</table>
<script>pl("开始")</script>