简单图片展示效果

  首先感谢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]

  

原文地址:https://www.cnblogs.com/iwhk/p/2497759.html