我正在开发促销活动的画廊。我正在显示图像缩略图,并且onclick图像变为全屏。现在我想滑动此图像以显示下一个全屏。我已经使用位置滑过了。但它直接显示下一个图像,没有任何滑动/视觉效果/过渡。请帮帮我。
答案 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
这应该提供基本的轮播行为。当用户到达图像列表的末尾时,侦听器无法加载下一个图像,并且滚动器将禁止滚动越界。