号称“最后一个轮播插件”的slick使用手记

官网：

github：https://github.com/kenwheeler/slick

这个slick插件从前叫slick-carousel，历史很悠久，功能也很强大，官方号称“这是你需要的最后一个轮播插件”，自夸的这么厉害，我们就看看具体到底怎样的。

关于HTML、JS、CSS的基本骨架，官网首页都有举例，我不再重复，这里命一个题：要求2张图片、2个视频，一共4帧，做轮播，视频一个是

<\img src="http://www.yjz9.com/uploadfile/2014/1018/20141018063006538.jpg">

注意事项：

一、请先注意两侧的箭头。这两个箭头是插件动态生成的，不需要写任何代码。但是，你还是要控制它的样式，我在示例里给箭头加了红色，如果你不加颜色，在白背景下根本看不到箭头。除此之外还可以控制字体大小，比如加上font-size: 30px;。

二、.your-class元素的父元素必须加上position: relative，插件并不会帮你在外面套一个父元素然后设上position，所以你得自己来。

三、插件对flash视频的支持并不好，也可能并不能怪罪插件。尽量用于轮播图片吧。

四、官网的插件的设置非常丰富，想要调整什么都可以去官网查查。