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

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

移动端的WEB相册

                
                远人
            Web前端工程师

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

全部评论问答未解决精华

charspan

我一直以为自己代码写错了,手机上一跑结果是对的,就是反应感觉有点慢....

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

2017-03-03

引号关系怎么实现的

最新回答 / Sandaydi

都可以起到连接作用吧，然后双引号还会搜索包含的内容是否有变量

2 回答 847 浏览 3-3 图片列表canvas显示

2017-03-03

charspan

老师您的基础真扎实,实在是佩服,我一定好好学习.

0 2-6 Image对象介绍

2017-03-03

北极猫_

animate.css是个神器啊

0 2-7 CSS3动画

2017-02-25

qq_tso

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

2 3-9 CSS3动画事件

2017-02-23

手机端开发工具？

最新回答 / PeanutWatson

sublime

1 回答 909 浏览 3-6 查看大图功能实现

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

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

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空