JS插件开发之LightBox图片画廊(上)-慕课网-JS插件开发之LightBox图片画廊(上)章节介绍问答技术笔记

首页课程实战体系课手记专栏慕课教程

第1章课程准备: LightBox图片画廊-效果展示; 预备知识; 课程面向的用户; 课程安排

第2章 DOM结构搭建和渲染: DOM结构分析搭建; 样式搭建（1）; 样式搭建（2）

第3章案例分析及 JS 代码开发: DOM结构渲染; 元素在页面中的分组和其他必要参数详解; 同组别数据获取; 初始化弹出框; 初始化的时候上下切换是否添加标识; 获取图片尺寸; 根据图片宽高和视口比例设置弹出层尺寸并过渡动画; 关闭弹出层和遮罩，清除上一次图片尺寸; 上下切换按钮功能（1）; 上下切换按钮功能（2）