JS插件开发之LightBox图片画廊(上)_技术问答

首页免费课 JS插件开发之LightBox图片画廊(上) 问答

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

                
                一只帅蚂蚁
            Web前端工程师

                    查看讲师更多课程 
                    一只帅蚂蚁讲师的其他课程
                
JS插件开发之-Tab选项卡
中级·19821
免费课程
                                
移动端Web组件-Dialog对话框
中级·25973
免费课程
                                
JS插件开发之LightBox图片画廊(下)
中级·15078
免费课程
                                
JS实现“旋转木马”幻灯片效果
中级·66442
免费课程
                                
                难度中级
            
                时长 2小时46分
            
                学习人数
            
综合评分9.80
                            48人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.7
                                简洁易懂
                            
                                9.8
                                逻辑清晰

全部评论问答未解决精华

yuandaishi

好课程，现在刚好到一个瓶颈，觉得一般的页面，一般的JS写起来太简单，但是自己封装一个插件又不会，看了有点茅塞顿开的感觉

0 3-1 DOM结构渲染

2016-04-12

"[data-group="+this.groupName+"]"*

已采纳回答 / 念念熙

你可以理解问，var abc = null；“*[data-group="+abc+"]”这样能理解了吗？

1 回答 1493 浏览 3-3 同组别数据获取

2016-04-04

_Doogie

感觉讲得有点乱

1 3-3 同组别数据获取

2016-04-04

丰台军

学习了不少知识，但是也有几分疑惑，
1.老师这么多数据放到元素上面，是否不符合数据与逻辑分离的原则，当有1000张图片，都这样去在自定义属性中手动添加数据不是不好吗。
2.第二，disabled的判断，不是重复了几次嘛，也就说可以抽象为一个独立的函数的！
3.这是我按照老师的思路，做的demo，地址是："http://fengtaijun0507.github.io/testpages/else/lightbox/index.html"
4.抽时间学学lightbox下

1 3-10 上下切换按钮功能（2）

2016-03-28

逗比张Mike

慢慢地，听不懂了。

0 3-3 同组别数据获取

2016-03-25

生活所迫

要么一遍就码号改来改去改的我头都大了跟着码还是会出错哎~~~

0 3-4 初始化弹出框

2016-03-18

Webstrom乱码问题

最新回答 / 盛夏孤星

我没有重启

1 回答 748 浏览 3-1 DOM结构渲染

2016-03-18

生活所迫

名字长度比内容还多哈哈

0 2-3 样式搭建（2）

2016-03-17

生活所迫

感觉不够清晰 class 名字太乱一坨一坨的

0 2-3 样式搭建（2）

2016-03-17

为什么我的animate调用不了this.loadPicSize(sourceSrc)

最新回答 / 追觅梦初的国度

function (){<...code...>}这样就可以了！！！<...code...>

2 回答 1445 浏览 3-6 获取图片尺寸

2016-03-15

监控图片是否加载完成函数

最赞回答 / Kunen

通过img.src=src; 去找图片，onload事件是监控图片是否找到，如果找到则调用回调函数。img.src=src; 本应该写在 var img=new Image(); 这行代码的下一行会更容易理解的。

2 回答 1515 浏览 3-6 获取图片尺寸

2016-02-27

ThinkSummer

https://github.com/thinksummer/PoupMe
自己做的，还想再添加点功能。

2016-02-27

alert（groupList.size()）是0不是3

+ 我来回答回答最高可+2积分

3 回答 775 浏览 3-3 同组别数据获取

2016-02-15

慕慕8729977

老师这个教程是挺好的，学到不少东西。但是看css代码写的有点冗余了，也不是很清晰，一个行一个都更好了，公共样式写到一块更清晰了，如果用sass组织css代码就更加完美了。

1 2-3 样式搭建（2）

2016-02-13

爱读书的Iceberg

老师讲的都很好很，不过真的受不了老师的命名了，太长了，而且选择器累加了那么多，不影响性能啊？

1 2-2 样式搭建（1）

2016-02-12

慕虎7188715

自己看视频敲的代码，想参考的可以来这下载https://github.com/haoxl3/js-lightbox，不过最后一节对IE6兼容没做完，因为懒得去网上下载有关IE6的包了

2016-01-31

首页上一页 10 11 12 13 14 15 16 下一页尾页

开始学习

课程须知: 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人拼团

热搜

最近搜索清空