简单图片展示效果
首先感谢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]
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步