javascript - palm mojo webos 中的滑动效果

Question

我正在开发促销画廊。我正在显示图像缩略图，并且单击图像变为全屏。现在我想滑动这张图片以显示下一个全屏。我已经使用位置刷卡了。但它直接显示下一张图片，没有任何滑动/视觉效果/过渡。请帮助我。

Answer 1

您是否正在尝试实现轮播？虽然我这样做的方式是将上一个、当前和下一个图像打包到水平滚动条中(仅包含这三个子图像)。将滚动条对齐设置为 true。设置一个监听器，它将切换滚动条中的图像。

例如，给定九张图片，假设我们从查看第五张图片开始，滚动条将如下所示:

1 2 3 4[5]6 7 8 9

如果用户向左滑动，滚动条将捕捉到图像 6。理想情况下，我们有这个模型:

1 2 3 4 5[6]7 8 9

但是，同时将所有图像加载到内存中并不总是可行的。在这种情况下，滚动条是这样填充的: 4[5]6 当用户滚动查看图片 6 时，我们会在六张之后加载一张新图片(如果可用)，然后删除图片 4。滚动条现在看起来像这样:

5[6]7

这应该提供基本的轮播行为。当用户到达图像列表的末尾时，监听器可以简单地不加载下一张图像，并且滚动器将禁止滚动出界。