Slick转盘缺少3个资源.我该如何实现这些功能



在控制台中,它说我缺少slick.woff、ajax-loader.gif和slick.tff。

所以我已经找到了所有这3个的CDN链接,但我不知道如何在我的代码中实现它们(或者在什么类型的标签中(。

https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/ajax-loader.gif

https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/fonts/slick.ttf

https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/fonts/slick.woff

您提到的无法加载的资源在Slick的样式表中被引用为相对导入。

根据Slick文档:,确保您正确地包含了这些样式表(下面的第一个代码块(

使用jsDelivr的示例

只需在<head>:中添加css文件的链接

<!-- Add the slick-theme.css if you want default styling -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css"/>
<!-- Add the slick-theme.css if you want default styling -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css"/>

然后,在结束标签之前添加:

<script type="text/javascript" src="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.min.js"></script>

最新更新