代码示例:(标识:dhtm_array_next)
<html>
<head>
<script type="text/javascript">
myImages=new Array()
myImages[0]="/static/demo/images/eg_mouse.jpg"
myImages[1]="/static/demo/images/eg_smile.gif"
myImages[2]="/static/demo/images/eg_landscape.jpg"
myImages[3]="/static/demo/images/eg_landscape2.jpg"
myImages[4]="/static/demo/images/eg_landscape3.jpg"
myImages[5]="/static/demo/images/eg_greanfoliage.jpg"
imagecounter=myImages.length-1
i=0

function first()
{
document.getElementById('imageviewer').src=myImages[0]
i=0
}

function previous()
{
if (i>0)
	{
	i--
	document.getElementById('imageviewer').src=myImages[i]
	}
}

function next()
{
if (i<imagecounter)
	{
	i++
	document.getElementById('imageviewer').src=myImages[i]
	}
}

function last()
{
document.getElementById('imageviewer').src=myImages[imagecounter]
i=imagecounter
}
</script>
</head>

<body>
<center>
<form>
<input type="button" value="First" onclick="first()">
<input type="button" value="Previous" onclick="previous()">
<input type="button" value="Next" onclick="next()">
<input type="button" value="Last" onclick="last()">
</form>
<img id="imageviewer" src="/static/demo/images/eg_mouse.jpg" />
</center>
</body>
</html>
运行结果: