旋转木马,carousel,幻灯片,slideshow 。在 Web 设计里,它们指的就是一组可以动态循环展示的东西,一般用户也可以控制它们的展示。
有很多人已经做好了这种组件的功能,我们可以直接在页面上去用一下。 slick 就是一个旋转木马组件 .. 要在页面上使用它,只需要链接两个样式表,一个脚本文件,再简单配置一下就行了 ..
我们也可以把它下载下来自己存储它们 .. 先用最简单的方法 ..
打开项目下的 app ... index.html
在 head 标签里 .. 链接两个样式表 .. 这些样式表存储在了别人那里 .. 用了 jsDelivr 提供的 cdn ..
一个样式表是 slick .. 还有一个是它的默认的主题 ..
还有一个 js 脚本文件 .. 可以把它放在页面的底部去加载 ..
放在 jquery 的下面,我们的自定义脚本的上面 ... 因为它会有到 jquery 提供的功能,所以你需要先让页面载入 jquery,然后是这个 slick, 最后是我们的自定义的脚本 ...