简单图片展示效果

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

 

 

  

posted @ 2012-05-13 01:44  FlashHK  阅读(209)  评论(0编辑  收藏  举报