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
                                逻辑清晰

全部评论问答未解决精华

慕虎7188715

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

2016-01-31

3-3中关于置为当前组别是否错误

讲师回答 / 一只帅蚂蚁

为了防止在同一组点击重复获取数据！

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

2016-01-28

团酱

之前用了一个jquery，然后delegate报错，然后换了一个jquery库1.11.3版本的，就不报错了。

0 3-3 同组别数据获取

2016-01-25

清空原图片大小问题

讲师回答 / 一只帅蚂蚁

图片设置了宽高，对于当前图片尺寸属于刚好，下次加载的图片尺寸变化，就会样式上提现出上一次的宽高，也就是我们常遇到的图片变形，所以要维持每一次图片不变形，要把上一次设置的宽高清空！

1 回答 1319 浏览 3-8 关闭弹出层和遮罩，清除上一次图片尺寸

2016-01-17

iters

处理多次点击引起的bug，加锁

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

2016-01-15

iters

楼下的，并不是一定要用到什么复杂的设计模式才叫面向对象。在js中模块化和封装就是面向对象的体现，并且所有的编码工作都不可能一步到位，都是先从过程描述，实现基本功能后进行结构优化。如果一开始就考虑用什么设计模式来组织而丧失基本功能，那就是本末倒置。也不要认为一定要用面向对象去编码，一些功能使用几行代码能完成为什么非要去写个单例来组织。

5 3-4 初始化弹出框

2016-01-15

iters

get到了，data-* 数据绑定方法

0 3-2 元素在页面中的分组和其他必要参数详解

2016-01-13

iters

大段的插入html代码，感觉不太优雅

0 3-1 DOM结构渲染

2016-01-13

穿越了沧海桑田

filter:alpha(opacity＝50)写成百分比会没有效果

1 2-2 样式搭建（1）

2016-01-11

马小熊

学到很多。

0 3-5 初始化的时候上下切换是否添加标识

2016-01-08

鱼鱼尔

感谢分享！

0 1-2 预备知识

2016-01-08

关于样式效果

最新回答 / 那一抹雪_墨

没懂你的意思，以前的效果是什么？

1 回答 799 浏览 2-2 样式搭建（1）

2016-01-07

搞不清楚 self.nextBtn.hasClass("disabled"); 和 $(this).hasClass("disabled"); 的区别。

最赞回答 / x兔子

self.nextBtn = $('<div id="G-lightbox-popup">').find("span.lightbox-next-btn");是你自己手动获取的$(this)取决于内存中的上下文环境，会实时的变化你这段代码里$(this).hasClass("disabled")的$(this)指的是当前被hover的对象

1 回答 1724 浏览 3-9 上下切换按钮功能（1）

2016-01-06

shadowMike

好期待，要好好学会！

0 1-1 LightBox图片画廊-效果展示

2016-01-04

hpaicf

感觉反复的传递值根本就没有用到对象的东西这样跟层思想还是面向过程的一个一个函数一个一个调用面向对象的都没用到

0 3-4 初始化弹出框

2015-12-31

为什么索引不对,弹出来总是2

最新回答 / 奕弈

你的下面的获取图片数组时候可能出了问题把，可能是self.groupData.length=0;的位置放在了遍历数组函数里面，就会出现恒值。我之前也遇到了

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

2015-12-28

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

开始学习

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

热搜

最近搜索清空