簡體   English   中英

Slick 輪播缺少 3 個資源。 我如何實現這些?

[英]Missing 3 recources for the Slick carousel. How do I implement those?

控制台中,它說我缺少 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>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM