在高层次上，我将如何构建图像传送带？

Question

您能否向我解释我需要为网络构建图像轮播的事情？您可以使用数据结构和一般计算机科学术语 - 但没有特定的语言。

例如：

1. 商店中的所有阵列或链接的列表的图像
2. 当转盘被加载时，调整所显示的图像为X％的窗口尺寸
3. 当按下下一个按钮， imageA移动到一个隐藏的HTML元素。

et cetera。

我希望这是有道理的。

谢谢。

Answer 1

你不想要任何特定的语言，但你想知道关于web上的传送带，你已经用'html'和'css'标记了这个标签，所以我会假设我可以谈论HTML和CSS，但我会尽量保持高水平。

如果我们忽略Flash，那么您将剩下HTML + CSS + Javascript。执行此操作的常用方法是在HTML元素中排列图像或其缩略图（不要通过HTML调整大小 - 它看起来不错，并且可以增加页面加载时间），这些HTML元素本身包含在一层或多层包装中元素。因此，串起来的整套图像可能比观察窗宽。 CSS用于管理它们的确切布局，并防止它们溢出查看窗口。当我说窗口时，我只是指您想要旋转木马显示的页面部分。然后，使用Javascript来更改包装图像的HTML元素之一的CSS属性，使其滚动或移动位置。

使用HTML5，您有更多的选择，但上述是通常情况下直到现在完成的方式。

最后，如果你要实际实现这个，有很多脚本可能会满足你的需求，但如果不是，我强烈建议使用像JQuery这样的JavaScript框架 - 它会让事情变得更容易，更容易。

Answer 2

如果你想自己构建它，一个简单的方法是将主div和所有图像水平排列。将溢出设置为隐藏在主div上。然后使用JavaScript，并设置scrollLeft作为用户点击下一个，上一个按钮。