为了账号安全,请及时绑定邮箱和手机立即绑定
看完这节课程,我只有一句mmp,我一定要讲。
效果演示请前往:
https://spellsnow.github.io/2016/12/11/gallery/
主文件代码大致和老师一致,仅供参考:
https://github.com/spellsnow/spellsnow.github.io/blob/master/2016/12/11/gallery/index.html
<a href="https://spellsnow.github.io/2016/12/11/gallery/">最终效果演示:https://spellsnow.github.io/2016/12/11/gallery/</a>
现在最新的浏览器已经支持transform了,不用兼容啦
亲,大声告诉我你的addPhotos();函数运行了吗?只声明不运行是没有用的哦
有两个问题需要注意,(1)老师为了演示,添加了一个photo_back类到 photo类里了。这里的photo_front和photo_front应该是JS控制切换正反面用的。需要特别注意!
(2)backface-visibility:hidden;设置之后正反面是不可能同时看到的,一个周期内(180deg),0-90deg只能看到正面,90-180deg才能看到背面。
图片翻转代码欢迎到我的笔记里看看。
看了老师的视频好几遍 发现了这么几个问题:
1..photo .photo-wrap应该加入{
transform-origin: 0% 50% ;
}不然不是视频里翻转的效果
2..photo .side-front{
}或者.photo .side-back里面如果有display:none的话那也不能翻转 因为隐藏
为什么我的设置延时变化之后,会一直转啊转,设置几秒转几秒,我都晕了

已采纳回答 / 奴奴雪人
{{img}}中的({{)只是强调作用(你也可以简单的认为是一个JS要操作的对象标记),你在看的时候也容易注意到,他就是老师前面说的(字符)模板,后面用js来操作数据进行替换

已采纳回答 / qq_Jabo
没有包裹的时候 console.log("这是"+a);有包裹的(拼接)  id="nav_'+s+'" ;"turn( g(\'#photo_'+s+'\') )"   \'   转义

已采纳回答 / 打边炉
html结构写错了,photo的div要包裹着side等div,而且少了一层photo-wrap,自己看着视频再敲一遍吧

最新回答 / qq_Jabo
px, 定义是screen到设置的距离差
课程须知
1、了解标签的用法,图片资源的引用 2、了解选择符的概念,以及基本的样式属性作用(宽、高等) 3、了解函数的调用,了解 DOM 元素的获取及其属性的读写 4、对程序的基本概念已经掌握,如变量,流程控制(条件,循环)
老师告诉你能学到什么?
1、方法论:VCD 分解法 2、平面旋转、3D旋转、样式过度动画 3、如何用 JS+HTML 实现最简单的模板功能 4、简单的id,class DOM选择器 实现 5、JS 算法:范围内随机数生成 6、数组、DOM 元素集合的遍历 7、FF 和 Chrome 样式兼容的方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消