简介slick是一款基于jQuery 插件的响应式触控滑盖，支持IE8 ，Chrome，Firefox，和Safari。它有以下特点:当支持响应式浏览器和CSS3时，那么使用CSS3 over/animation支持移动设备滑动、桌面浏览器鼠标拖动、循环、左右控制、动态添加、删除、过滤、自动播放、点、箭头、回调等。兼容浏览器:兼容IE7 等主流浏览器。要兼容IE7，需要修改CSS(slick.css)。
5、如何用原生 js和css制作 轮播图Once 插件不太流行，自己写的。这个问题我来回答。你需要熟悉CSS和JS才能做成。先用CSS排版你需要的界面，然后才能写JS。在JS部分，你需要把你的轮播图片的编号拿出来，然后定义一个变量切换到单张图片的前面，然后定义切换效果，最后一张图片剪下来怎么办，第一个用户点击最后一站怎么办。当你把这些都处理完了，一个页面有多个轮播等等。JS兼容页面兼容，不得不处理。我会问你是否头痛。
6、 js实现左右切换 轮播图思路CSS阶段我们接触过轮播 Figure。我们可以通过轮播 diagram实现一些有趣的特效，但是CSS做的轮播 diagram只有左右切换、渐变切换和简单的点击切换。局限性大，观看效果不好。但是我们联系js后，你发现用js实现轮播图后，CSS实现轮播的效果是...我想说的，你懂的。事不宜迟，我们来看看如何使用js来实现轮播的效果。
然后两者相关才能达到最终的效果。在使用js达到轮播的效果之前，先用HTML和CSS来完善这个模块的布局。这个轮播图用了8张图。一次两个。当我们使用HTML和CSS布局时，我们可以将前两张图片放置到位。其他的藏在两边。需要用的时候移到中间。左右点击切换模块:我们通过点击来监控左右按钮。点击后回复。
7、 js图片 轮播点击Implementation轮播图表布局:1。使用flex布局使子元素水平排列；2.将子元素的宽度设置为100%，flexshrink设置为0(该属性确保子元素不被压缩)；定时器无缝轮播:轮播，之前需要在开头加一张图，结尾加一张图。其目的是实现无缝轮播。然后将父元素向左移动一个屏幕宽度。只有这样，第二张图(原来的第一张图因为开头加了一张图，结尾加了一张图，所以变成了第二张图)才能成为可视范围内的第一张图。
这里是实现无缝的关键轮播；它的目的是同时播放最后一张图片，从第一张图片偷列。因为最后一张图和第一张图一样，所以快速换左的用户并没有察觉，同时启动下一个定时器，1.5s后播放第二张图片，1.5s内准备好(清空当前定时器，重置左父元素)。点击右边按钮无缝轮播:逻辑和定时器无缝轮播，类似，因为所有方向都是从右向左播放。
