JS+CSS3实现带预览图幻灯片效果_技术问答

首页免费课 JS+CSS3实现带预览图幻灯片效果问答

JS+CSS3实现带预览图幻灯片效果

                
                Lyn
            Web前端工程师

                    查看讲师更多课程 
                    Lyn讲师的其他课程
                
JS+CSS3实现“粽情端午”
中级·39504
免费课程
                                
CSS3+JS 实现超炫的散列画廊特效
中级·46090
免费课程
                                
可调大小面板实现（Resizeable Panel）
初级·13047
免费课程
                                
QQ空间时光轴特效
初级·29058
免费课程
                                
鼠标拖拽效果
初级·25993
免费课程
                                
                难度初级
            
                时长 1小时33分
            
                学习人数
            
综合评分9.50
                            114人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.3
                                逻辑清晰

全部评论问答未解决精华

RJassion

自己写了个自动轮播的方法放在笔记里面了，有兴趣的同学可以看看，欢迎指教

1 3-4 总结

2016-06-30

岁月神偷3551703

为什么不能直接快进到最后

0 2-1 距离底部有点距离

2016-06-30

勇哥萌萌哒

g('template_main').innerHTML += tpl_main.replace(/{{index}}/g,'{{index}}');//tpl是之前保存的,你自己写的带{{index}}的HTML,然后正则匹配那个位置,替换为字符串'index',那个位置是id = main_{{index}},改的是 ID g('main_{{index}}').id = 'main_background'; 找到你修改的ID,然后再改成字符串 'main_background'

0 3-3 优化与扩展

2016-06-27

勇哥萌萌哒

还有一个问题,图片高度获取不到,用的pic.clientHeight,图片不定高度,定高度能获取到,但是没有意义,需要为图片绑定onreadystatechange吗?,好麻烦的样子

0 3-1 输出以及切换

2016-06-26

勇哥萌萌哒

我做出来页面上总是多了三个逗号,原来是数组保存的,里面的逗号分隔符,我改成了用字符串来保存,Push()直接用 += ,然后逗号就没有了,希望可以帮到有同样问题的童鞋正则匹配,*号后面跟一个 ? 看着要舒服很多前面设置 main 的 display:inline ,是希望里面的元素自动把它撑大,所以不定高度,但是嵌套两个inline,是希望最里面的图片一层一层的撑开图片大小的高度,实战两层是inline不行的,并且图片又设置了position:absolute,脱离了正常文档流.这里我出问题了,我用的直接不设置,使用div默认的block,然后统一调整height.

0 3-1 输出以及切换

2016-06-26