【发布时间】：2011-08-17 05:31:02
【问题描述】：
我正在开发用于促销的画廊。我正在显示图像缩略图，并且 onclick 图像变为全屏。现在我想滑动这张图片来显示下一个全屏。我已经通过使用位置进行了刷卡。但它直接显示下一张图像，没有任何滑动/视觉效果/过渡。请帮帮我。
【问题讨论】：
标签： javascript webos
【发布时间】：2011-08-17 05:31:02
【问题描述】：
您是否正在尝试实施轮播？而我这样做的方法是将前一个、当前和下一个图像打包到一个水平滚动条中（仅包含这三个子图像）。将滚动条捕捉设置为 true。设置一个监听器，它将切换滚动条中的图像。
例如，给定九张图片，假设我们首先查看第五张图片，滚动条将如下所示：
1 2 3 4[5]6 7 8 9
如果用户向左滑动，滚动条将捕捉到图像 6。理想情况下，我们有这个模型：
1 2 3 4 5[6]7 8 9
但是，将所有图像同时加载到内存中并不总是可行的。在这种情况下，滚动条的填充方式如下： 4[5]6 当用户滚动查看图像 6 时，我们会在 6 后加载新图像（如果可用），然后移除图像 4。滚动条现在看起来像这样：
5[6]7
这应该提供基本的轮播行为。当用户到达图像列表的末尾时，侦听器可以简单地不加载下一个图像，并且滚动条将禁止滚动超出范围。
【讨论】：