slick.min.js_如何使用slick.js构建有吸引力的响应式图像库

slick.min.js

在本教程中，我们将使用流行的jQuery插件slick.js来构建有吸引力的响应式图像库。 这是我们要创建的画廊：

确保检查全屏版本并调整浏览器窗口的大小，以查看其布局如何根据视口大小进行更改。

什么是slick.js？

Slick.js是由Ken Wheeler创建的知名jQuery插件，可让您构建漂亮的响应式轮播。 为了更好地了解此插件可以为您提供什么，请查看文档。

幸运的是，它不仅适用于所有现代浏览器，而且还适用于某些较旧的浏览器，例如IE 8+。

最后，您可能想看看WordPress版本 。

slick.js入门

要开始使用slick，请先在项目中下载并安装以下文件：

• jQuery（≥1.7）
• slick.css或slick.css版本
  
• slick.js或其缩小版本

（可选）您可能要导入slick-theme.css文件。

您可以通过访问Github存储库 ，使用软件包管理器（例如npm ）或通过CDN加载必要的资产（例如cdnjs ）来获取相应的光滑文件的副本。 对于本教程，我将选择最后一个选项。

另外，我结合了Babel来将ES6代码编译为ES5，并结合了Lodash来利用其debounce功能（我们将在以后使用）。

考虑到这一点，如果您在演示笔的“设置”标签下查看，您会发现我包含了一个外部CSS文件和三个外部JavaScript文件