Javascript 滑动条一次显示一个图像不工作_Javascript_Jquery_Html_Asp.net_Slider

Javascript 滑动条一次显示一个图像不工作

javascript jquery html asp.net

Javascript 滑动条一次显示一个图像不工作,javascript,jquery,html,asp.net,slider,Javascript,Jquery,Html,Asp.net,Slider,我正在使用fade slick slider我希望一次显示一个图像，但我的滑块不工作： <head> <link href="js/slick-theme.css" rel="stylesheet" type="text/css" /> <link href="js/slick.css" rel="stylesheet" type="text/css" /> <script src="js/slick.js" type="text

我正在使用fade slick slider我希望一次显示一个图像，但我的滑块不工作：

<head>
    <link href="js/slick-theme.css" rel="stylesheet" type="text/css" />
    <link href="js/slick.css" rel="stylesheet" type="text/css" />
    <script src="js/slick.js" type="text/javascript"></script>
    <script src="js/slick.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $('.fade').slick({
            dots: true,
            infinite: true,
            speed: 500,
            fade: true,
            cssEase: 'linear'
         });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="fade">
        <div>
            <img src="images/ProductName/6.jpg" alt="" />

                <img src="images/ProductName/6.jpg" alt="" />
            </div>
        </div>
    </form>
</body>


$（'.fade'）。光滑({
点：是的，
无限：是的，
速度:500,，
是的，
cssEase：“线性”
});

上面的代码用于显示图像，但滑块未应用。我希望逐个显示图像，但它不起作用

您需要添加Jquery库。"". 试试这个

$（document）.on（'ready'，function（）{
美元（“.regular”）。光滑({
点：是的，
无限：是的，
幻灯片放映：3，
幻灯片滚动：3
});
$（“.center”）.slick({
点：是的，
无限：是的，
centerMode：对，
幻灯片放映：3，
幻灯片滚动：3
});
$（“.variable”）.slick({
点：是的，
无限：是的，
可变宽度：true
});
});
html，正文{
保证金：0；
填充：0；
}
* {
框大小：边框框；
}
.滑块{
宽度：50%；
保证金：100像素自动；
}
.滑滑梯{
利润率：0px 20px；
}
.滑溜式img{
宽度：100%；
}
.史莱克·普雷夫：之前，
.滑头下一个：之前{
颜色：黑色；
}

光滑的操场
您需要添加Jquery库。"". 试试这个

$（document）.on（'ready'，function（）{
美元（“.regular”）。光滑({
点：是的，
无限：是的，
幻灯片放映：3，
幻灯片滚动：3
});
$（“.center”）.slick({
点：是的，
无限：是的，
centerMode：对，
幻灯片放映：3，
幻灯片滚动：3
});
$（“.variable”）.slick({
点：是的，
无限：是的，
可变宽度：true
});
});
html，正文{
保证金：0；
填充：0；
}
* {
框大小：边框框；
}
.滑块{
宽度：50%；
保证金：100像素自动；
}
.滑滑梯{
利润率：0px 20px；
}
.滑溜式img{
宽度：100%；
}
.史莱克·普雷夫：之前，
.滑头下一个：之前{
颜色：黑色；
}

光滑的操场
首先必须添加，然后删除包含两个图像的div
，这就是它同时显示图像的原因，还要向脚本添加$。ready
函数以确保dom加载
这是一个

$（文档）.ready（函数（）{
$（'.fade'）。光滑({
点：是的，
无限：是的，
速度:500,，
是的，
cssEase：“线性”
});
})

首先必须添加，然后删除包含两个图像的div
，这就是它同时显示图像的原因，还要向脚本添加$。ready
函数以确保dom加载
这是一个

$（文档）.ready（函数（）{
$（'.fade'）。光滑({
点：是的，
无限：是的，
速度:500,，
是的，
cssEase：“线性”
});
})