[英]Slider for Slick.js is not showing
我遵循了如何使用 slick 制作滑块的所有步骤,但由于某种原因,图片只是相互堆叠,而不是成为幻灯片 HTML 代码:
<!--Slider-->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<!--Main-->
<main>
<!--Slider-->
<div class="container-fluid p-0">
<div class="site-slider">
<div class="slider-one">
<div>
<img src="assets/slide1.jpg" class="wid img-fluid" alt="Slika 1">
</div>
<div>
<img src="assets/slide2.jpg" class="wid img-fluid" alt="Slika 1">
</div>
<div>
<img src="assets/slide3.jpg" class="wid img-fluid" alt="Slika 1">
</div>
</div>
</div>
</div>
</main>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script src="js/main.js"></script>
这是我的 JS 文件:
$('.slider-one').slick({
autoplay:true,
autoplaySpeed:3000,
dots:true
});
我一直在尝试解决这个问题,但无济于事。 所以任何帮助都会很棒。 提前致谢
当您使用双斜杠src="\\\\foo"
加载资源时,您并没有定义协议(http、https)。
该脚本将使用用于加载页面本身的相同协议加载。
如果您没有使用 Web 服务器,它将无法工作。
在您的示例中,您可以看到它正在尝试加载file://foo"
,这是您计算机上的一个文件。
在您的情况下添加协议https
将确保您成功加载资源。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.