在JavaScript中使用offsetx和offsetop或位置x和位置y

我有一个从点击按钮开始的滑块，我希望每个图像都以

200 px的偏移量加载，与前一个相比。代码如下：

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”）
如果（步骤<5）
台阶++
其他的
步骤=1
setTimeout（“slideit（）”，500）
}

试试看

我想在JavaScript中这样做，因为我不想在代码中使用jQuery。
我实际上不明白你的问题是什么。也许你应该更精确一点。
如果您想制作一个图片滑块，那么您的方法似乎不正确。
嘿，这应该适合您。我没有时间检查，所以我希望里面没有错误。
只需更新JS，就可以离开html了

问候

var images = [
    'image1.jpg',
    'Image2.jpg',
    '...'
];

function slideit()
{
    var index = 0;
    var container = document.getElementById('yourContainer');

    var addPic = function()
    {
        var img = document.createElement('img');
        img.src = images[index];
        img.style.position = 'absolute';
        img.style.left = index * 200 + 'px';

        container.appendChild(img);
        index++;
    }


    setInterval(addPic, 1000);
}

大家好，欢迎来到StackOverflow。至于您的问题，请检查您是否只有
标记中的脚本，而不是HTML。我已经缩进了您的代码并删除了不相关的位，以便您更容易阅读。因此，我想知道如何以1秒的间隔从阵列中加载每个新图像，但每次将x位置增加200 px，因此img1将比img0向左多200 px；img 2将比img0向左多400像素