gpt4 book ai didi

javascript - Slick 轮播缺少 3 个资源。我如何实现这些?

转载 作者:行者123 更新时间:2023-11-27 23:04:22 24 4
gpt4 key购买 nike

console它说我缺少 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 的样式表中被引用为相对导入。

确保您已正确包含这些样式表(下面的第一个代码块),as per the Slick documentation:

Example using jsDelivr

Just add a link to the css file in your <head>:

<!-- 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"/>

Then, before your closing tag add:

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

关于javascript - Slick 轮播缺少 3 个资源。我如何实现这些?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58814855/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com