zoukankan      html  css  js  c++  java
  • 简单图片展示效果

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

      

  • 相关阅读:
    Django框架简介
    前端之Bootstrap
    前端之JQuery
    前端之BOM和DOM
    前端知识之js
    前端知识之CSS
    假期学习总结2-10
    假期学习总结2-9
    假期学习总结2-8
    假期学习总结2-7
  • 原文地址:https://www.cnblogs.com/iwhk/p/2497759.html
Copyright © 2011-2022 走看看