我有一个从单击按钮开始的滑块，我希望每个图像的加载偏移量为200像素，与前一个相比。这是代码：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var image1=new Image()
image1.src="img0.jpg"
var image2=new Image()
image2.src="img1.jpg"
var image3=new Image()
image3.src="img2.jpg"
var image4=new Image()
image4.src="img3.jpg"
var image5=new Image()
image5.src="img4.jpg"
</script>
<script type="text/javascript">
var step=1
function slideit(){
document.images.slide.src=eval("image"+step+".src")
if(step<5)
step++
else
step=1
setTimeout("slideit()",500)
}
</script>
</head>
<body>
<button onclick="slideit()">Try it</button>
<img src="img0.jpg" name="slide" width="100" height="100" position = "absolute">
</script>
</body>
</html>
我希望用纯JavaScript而不是jQuery来完成。