在网页设计中，滚动图片是提高网页内容丰富度和增加用户体验的重要组成部分。在Javascript技术的支持下，我们可以很容易地实现滚动图片的动态效果。接下来，我们将详细介绍Javascript制作滚动图片的步骤和方法。 首先，我们需要定义一个图片容器，该容器中包含我们想要滚动的图片。下面是一个示例代码：

<div id="scroll-container"><img src="image1.jpg"><img src="image2.jpg"><img src="image3.jpg"></div>

在这个代码中，我们定义了一个id为“scroll-container”的div容器，其中包含三张图片，这三张图片我们将用来制作滚动效果。 接下来，我们需要编写Javascript代码来控制这三张图片的滚动效果。下面是一个示例代码：

var container = document.getElementById("scroll-container");
var imgs = container.getElementsByTagName("img");
var totalWidth = 0;
for (var i = 0; i < imgs.length; i++) {
totalWidth += imgs[i].width;
}
var currentPosition = container.scrollLeft;
var scrollInterval = setInterval("scrollImage()", 50);
function scrollImage() {
currentPosition += 1;
if (currentPosition >= totalWidth) {
currentPosition = 0;
}
container.scrollLeft = currentPosition;
}

在这个代码中，我们首先使用Javascript获取到id为“scroll-container”的div容器及其中所有的img标签。接着，我们计算出了容器中所有图片的总宽度，以此来确定滚动的范围。 我们还定义了一个currentPosition变量，来记录当前滚动位置。我们使用setInterval函数来定时执行scrollImage函数，滚动图片。在scrollImage函数中，我们通过当前位置加上1，来实现图片的不断滚动效果。 当图片滚动到容器的右侧边缘时，我们通过检查currentPosition是否大于等于totalWidth来将图片滚动位置重置，保证滚动效果的连续性。 最后，我们将滚动图片的代码开启，这样我们就成功地制作了一个滚动图片效果！ 总结一下，Javascript制作滚动图片的方法包括以下几个步骤：定义图片容器，获取图片列表，计算总宽度，控制滚动动画和定时执行滚动操作。相关代码也已经列举出来供大家参考。如果您还有什么问题，请留言咨询，我们会尽快回复您！