如何使用javascript在幻灯片中实现偏移量x函数_Javascript_Position_Offset

如何使用javascript在幻灯片中实现偏移量x函数

javascript

如何使用javascript在幻灯片中实现偏移量x函数,javascript,position,offset,Javascript,Position,Offset,我有一个从单击o按钮开始的滑块，我希望每个图像都以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()

我有一个从单击o按钮开始的滑块，我希望每个图像都以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>


var image1=新图像（）
image1.src=“img0.jpg”
var image2=新图像（）
image2.src=“img1.jpg”
var image3=新图像（）
image3.src=“img2.jpg”
var image4=新图像（）
image4.src=“img3.jpg”
var image5=新图像（）
image5.src=“img4.jpg”
var阶跃=1
函数slideit（）{
document.images.slide.src=eval（“image”+step+“.src”）
if（step我建议使用数组来存储图像，并完全去掉eval（）
。然后，您可以将偏移量乘以您的step来获得所需的偏移量。您能举个例子吗？很好：）顺便说一句，你不使用数组有什么原因吗？不使用jQuery制作slider不是一个好主意-你将花费大量时间在所有浏览器中调试并使其工作。我将在几分钟后发布一个数组解决方案，至少我会尝试