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

全部评论问答未解决精华

有小伙伴知道当我把鼠标移动到当前展示的大图时候，图片区域会整个黑掉是怎么回事吗？好像也没有设置什么hover属性呀……

最新回答 / 会飞的龙猫

把代码贴出来，要不不知道你错在那里了

1 回答 922 浏览 3-2 动态调整图片高度

2017-03-15

图片垂直居中那个地方有问题，clientHeight获取到的是750px,帮忙看看

最新回答 / 依恋439493

<div class="main-i {{css}}" id="main_{{index}}"><div><h2>{{H2}}</h2><h3>{{H3}}</h3></div><img src="imgs/{{index}}.jpg" alt=""></div>img里应该加一个class="picture"吧

1 回答 1185 浏览 3-2 动态调整图片高度

2017-03-10

和老师一样的，clientHeight获取图片可视高度，为什么获取到的是整张的高度，效果就成这样了

最新回答 / 请叫我橙子蛋

全部代码在楼上

1 回答 1401 浏览 3-2 动态调整图片高度

2017-03-10

为什么ctrl-i里面的东西有边距..没写过边距啊

最新回答 / 慕沐2622025

换行有空格

2 回答 735 浏览 2-3 基本界面样式完成

2017-03-09

效果出来不一样，那个缩略图没有在预期的位置0.0

最新回答 / qq_慕盖茨8361330

看到这里解决我的问题了我也是跟着代码敲最后图片加了position 直接定位爆炸我想问下不给a 也就是ctrl-i设置定位那么他的最近的父元素不是ctrl么怎么定位会定到上面去嘞 ctrl也有position属性啊虽然是absolute

3 回答 986 浏览 2-1 距离底部有点距离

2017-03-09

自动播放如何实现

最新回答 / 慕九州9535070

这其实不难啊,您只需要写一个变量记录轮播图的页数,然后用周期函数执行一次判断一次就可以了

1 回答 1244 浏览 3-4 总结

2017-02-14

谷歌浏览器下的clientHeight？

最新回答 / qq_Nightwish_8

怎么解决的

2 回答 1153 浏览 3-2 动态调整图片高度

2017-02-14

.slider .main .main-i .caption h2{ font-size: 30px; color: #999; line-height: 30px; text-align: right;}.slider .main .main-i .caption h3{ font-size: 40px; color: #333; line-height: 40px; text-align: right; font-family: "楷体";}.slider .main .main-i h2{ m...

1 回答 1343 浏览 3-3 优化与扩展

2017-02-08

为什么index，main，ctrl要加两个大括号？

最新回答 / Start0

正则表达式，匹配字符串。你可以了解一下正则表达式http://www.imooc.com/learn/706，这里就有哦。

1 回答 1875 浏览 3-4 总结

2017-01-30

通用函数是怎么理解

最新回答 / haihi

var g = function (id){ //id为该函数传入的参数 if(id.substr(0,1)=='.'){ //判断 substr(0,1) 截取传入的参数id 从0 开始截取1位是否和字符串'.'相同 return document.getElementsByClassName(id.substr(1)); // 条件成立返回 document.getElementsByClassName(截取id从第1...

1 回答 1039 浏览 3-1 输出以及切换

2017-01-13

为什么我的效果不一样，有人能帮帮我解答吗？

最新回答 / 设计师小站

老师讲解的很详细，基础内容大家就自行百度和google了，现在贴出html css js源代码，使用lint语法优化了一下，仅供参考，链接: http://pan.baidu.com/s/1kVSBOij 密码: v37k，仔细对照，注意空格和_

1 回答 940 浏览 3-1 输出以及切换

2016-12-20

我用hb来做怎么显示结果不一样，是不是哪里错了

最新回答 / jw3631281

<body><div class="slider"></div> --------------这个div放到最后 ... ...<div class="ctrl"><a class="ctrl-i" href="javascript:;"><img src="img/1.jpg" /></a></div> <-------- 放到这里</body>

1 回答 924 浏览 2-1 距离底部有点距离

2016-12-18