移动端的WEB相册_技术问答

首页免费课移动端的WEB相册问答

移动端的WEB相册

                
                远人
            Web前端工程师

                    查看讲师更多课程 
                    远人讲师的其他课程
                
电商网站前端架构
中级·101313
免费课程
                                
CSS Sprite雪碧图应用
初级·47099
免费课程
                                
固定边栏滚动特效
初级·38889
免费课程
                                
认识响应式布局
中级·132109
免费课程
                                
Fiddler工具使用
中级·63653
免费课程
                                
                难度中级
            
                时长 1小时32分
            
                学习人数
            
综合评分9.50
                            86人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.3
                                逻辑清晰

全部评论问答未解决精华

qq_tso

Uncaught TypeError: Cannot read property 'trigger' of undefined
大图显示不正常，也无法左右滑动

2 3-9 CSS3动画事件

2017-02-23

仰望星空望

老师讲的挺好，清晰，不过效果出来图片展示的不全，实际的项目中应该是是不行的。

0 3-3 图片列表canvas显示

2017-02-23

离歌笑_0002

图片不能左右切换，还有头部导航一直存在，还有长按不能保存图片

0 1-1 背景介绍

2017-02-21

mop18mop183811015

swipeRight(function(){
var index= parseInt( imgLarge.index);
if(index==1){
index=17;
}else{
index--;
}
showLargeImage(index,function(){
$('#imgLarge').addClass('animated bounceInLeft');
});
});

0 3-9 CSS3动画事件

2017-02-18

mop18mop183811015

imgLarge.addEventListener('webkitAnimationEnd',function(){
$('#imgLarge').attr('class','');
});

0 3-9 CSS3动画事件

2017-02-18

mop18mop183811015

谢谢~老师辛苦了~

0 3-9 CSS3动画事件

2017-02-18

mop18mop183811015

$('#imgLarge').attr('style',
this.height/this.width>1.2?'height:100%':'width:100%');

0 3-7 查看大图交互实现

2017-02-18

mop18mop183811015

要引用源代码资料里面的js，这里增加了一些touch的方法。zepto.min.js

0 3-7 查看大图交互实现

2017-02-18

mop18mop183811015

#large_container{
display:-webkit-box;
-webkit-box-align:center;
-webkit-box-pack:center;}//这样不要计算大图了，会自动居中，根据情况设置 imageLarge或者width:100% or height:100%

1 3-6 查看大图功能实现

2017-02-18

mop18mop183811015

$('#container li').height( $('#container li:first-child').width()).addClass("animated bounceIn");

0 3-4 图片列表CSS3动画

2017-02-18

mop18mop183811015

$('#container').html(tmp);
$('#container li').height( $('#container li:first-child').width() );

0 3-2 图片列表JS渲染

2017-02-18

mop18mop183811015

我的是这样的：
li{height:100px;width:25%;float:left;box-sizing:border-box;border:2px solid ;background:white;}
li img{
width:100%;
height:100%;
}
不需要js去计算了。

0 3-2 图片列表JS渲染

2017-02-18

mop18mop183811015

老师讲得很好，很清晰，辛苦了!

2 3-1 图片列表的HTML结构

2017-02-18

qq_萧笑伯爵_04074982

domImage.removeEventListener('webkitAnimationEnd',false);

0 3-8 查看大图CSS3动画

2017-02-17

啦啦啦50

在class，或者id，函数命名的时候，尽量不要使用‘-’这个符号，使用驼峰命名法，比较好

1 3-1 图片列表的HTML结构

2017-02-13

首页上一页 1 2 3 4 5 6 7 下一页尾页

该课程已下架

课程须知: 您至少具备HTML/CSS、JavaScript、CSS3基础知识。

老师告诉你能学到什么？: 针对WEB相册的touch事件、CSS3 动画、Zepto框架、Canvas等知识的应用。

微信扫码，参与3人拼团

热搜

最近搜索清空

移动端的WEB相册