手掌mojo webos中的滑动效果

时间:2011-08-17 05:31:03

标签: javascript webos

我正在开发促销活动的画廊。我正在显示图像缩略图,并且onclick图像变为全屏。现在我想滑动此图像以显示下一个全屏。我已经使用位置滑过了。但它直接显示下一个图像,没有任何滑动/视觉效果/过渡。请帮帮我。

1 个答案:

答案 0 :(得分:0)

您是否尝试实施旋转木马?虽然我这样做的方法是将前一个,当前和下一个图像打包成一个水平卷轴(只包含这三个子图像)。将滚动条捕捉设置为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

这应该提供基本的轮播行为。当用户到达图像列表的末尾时,侦听器无法加载下一个图像,并且滚动器将禁止滚动越界。