gpt4 book ai didi

javascript - 如何使用Slick轮播 slider ?

转载 作者:行者123 更新时间:2023-12-01 05:33:44 27 4
gpt4 key购买 nike

我真的希望能够通过 Ken Wheeler 使用光滑的轮播 slider ,但很难理解如何使用它。我按照 Ken Wheeler 的 github 上的说明进行操作,但没有任何反应!谁能指出我哪里出错了?我已经使用了一些在线教程,但仍然无法使其工作!

<html>
<head>
<title>My Now Amazing Webpage</title>
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="slick/slick.js"></script>
</head>
<body>

<div class="slider demo">
<div> Slide 1 </div>
<div> Slide 2 </div>
<div> Slide 3 </div>
</div>

<script type="text/javascript">
$(document).ready(function(){
$('.demo').slickPlay();
});
</script>
</body>

最佳答案

你试过这个吗?

 <script type = "text/javascript">

function slider(){
$(".slider #1").show("fade",500);
$(".slider #1").delay(5500).hide("slide",{direction: "left"}, 500);

var sc =$(".slider img").size();
var count = 2;

setInterval(function () {
$(".slider #"+count).show("slide",{direction: "right"}, 500);
$(".slider #"+count).delay(5500).hide("slide",{direction: "left"}, 500);

if(count == sc) {
count = 1;

}
else
{
count = count + 1;
}
}, 6500);
}

</script>

关于javascript - 如何使用Slick轮播 slider ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35297696/

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