为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 JS插件开发之LightBox图片画廊(上) 问答

JS插件开发之LightBox图片画廊(上)

一只帅蚂蚁 Web前端工程师
查看讲师更多课程 一只帅蚂蚁讲师的其他课程
难度中级
时长 2小时46分
学习人数
综合评分9.80
48人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.8 逻辑清晰
全部 评论 问答 未解决 精华
霍丶
找你们这么说的话就甭阻止了呗 反正也组织不了img标签到body标签之间的父元素的冒泡
0 3-3 同组别数据获取
2016-11-21
霍丶
鼓掌！啪啪啪啪！
0 3-1 DOM结构渲染
2016-11-21
霍丶
自己磨蹭了一个月 再来听一遍 果然很轻松....就是面向对象的写法 还有 data 的数据存取 与分类
0 3-3 同组别数据获取
2016-11-19
ZAnsder
filter过滤，opacity的值是0-100，没有百分单位哦
0 2-2 样式搭建（1）
2016-11-16
慕粉3202480
lightbox-btn { opacity: 0; filter: alpha(opacity=50); }
.lightbox-btn:hover { opacity: 1; filter: alpha(opacity=100); cursor: pointer; }.
lightbox-pre-btn { background: url(prev.png) no-repeat left center; left: 0; }
0 2-2 样式搭建（1）
2016-11-12
ZAnsder
占个位置！
0 1-3 课程面向的用户
2016-11-12
慕粉3202480
左右也可以用opactiy和hover搭配使用,在lightbox－pre－btn和lightbox－next－btn上面就把图片加上然后设置为透明的，鼠标移动上面时候设置opacity透明度为1
#G-lightbox-popup .lightbox-pic-view .lightbox-pre-btn{background: url(../icon/prev.png) no-repeat left center;opacity:0}
#G-lightbox-popup .lightbox-pic-view .lightbox-pre-btn{opacity:1}
0 2-2 样式搭建（1）
2016-11-12
ZAnsder
感谢分享！
1 1-2 预备知识
2016-11-12
Viavia
非常之强大，听上瘾了
0 3-3 同组别数据获取
2016-11-12
小蜜蜂爱飞鸭
看完了，感谢老师，
0 3-10 上下切换按钮功能（2）
2016-10-29
小蜜蜂爱飞鸭
非常好，感谢老师，学到多多
0 3-5 初始化的时候上下切换是否添加标识
2016-10-29
炒了个基
左右icon直接hover实现就可以吧
#G-lightbox-popup .lightbox-pic-view .prev:hover{background: url(../icon/prev.png) no-repeat left center;}
#G-lightbox-popup .lightbox-pic-view .next:hover{background: url(../icon/next.png) no-repeat right center;}
1 2-2 样式搭建（1）
2016-10-28
拉普拉斯丶妖_0
自己跟着视频写的源码： http://pan.baidu.com/s/1jIfR6oI 密码：
0 3-10 上下切换按钮功能（2）
2016-10-24

为什么我得出图片的长宽都为null?

最赞回答 / 拉普拉斯丶妖_0
找到原因了，困扰了我半天，在模板加载那个函数的img 没加 class，如下：<...code...>以为没class，一直回去不了 $("img.lightbox-images")这个对象！
1 回答 1559 浏览 3-6 获取图片尺寸
2016-10-24
背着行囊独自流浪
讲的很好，学到很多，感谢！
0
2016-10-22
背着行囊独自流浪
为什么我获取的都是undefined？
0 3-6 获取图片尺寸
2016-10-22
首页上一页45678910下一页尾页
开始学习
课程须知
1、具备扎实的HTML、CSS基础知识 2、具备原生JS编程能力 3、DOM 的节点属性、位置、层级设置获取等操作 4、了解JS原生的this、prototype、new等关键词的意思 5、有一定JS OOP(对象化编程)思想
老师告诉你能学到什么？
1、HTML、CSS基础知识应用 2、JS OOP 思想开发 3、程序设计，站在产品角度分析需求 4、综合案例分析、如何设计代码 5、DOM 渲染、定位、尺寸应用 6、BOM 视口、resize、scroll 事件应用 7、JQ 配合开发实战 8、IE 下 BUG解决方案 9、用户体验优化

微信扫码，参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消