首先感谢A闪的“图片浏览器”视频教程http://www.ashan.org,制作思路是从他这里启发而来的,推荐大家先看视频教程,至于教程里面有的内容解析在此就不再累述。
我这图片展示和A闪的有些不同,最终效果如图。可自动循环播放,上下播放。
制作思路:
1、将所有加载进来的图片保存到数组中。如得到imgArr=[0,1,2,3,4,5,6]数组。之后所有图片控制都是操控数组。
2、下一张,调换数组中元素的位置。
imgArr.push(imgArr[0]);
imgArr.shift();
原数组imgArr=[0,1,2,3,4,5,6],原图片位置。调换后数组imgArr=[1,2,3,4,5,6,0],图片位置
3、上一张,思路同上。
imgArr.push(imgArr[0]);
imgArr.shift();
原数组imgArr=[0,1,2,3,4,5,6],调换后数组imgArr=[6,0,1,2,3,4,5]