[英]How can I make my Slick slider less jerky and work at all widths?
[英]How can I make my slick slider work like it should be?
我希望将 slick 用于我的滑块,但由于某些原因它不起作用,我真的不知道为什么。 一切似乎都很好,但显然有一个错误,我希望有人可以帮助我。
<div class="cate_slider">
<div>
<p>Écologiste</p>
<?= $this->Html->image('euros2.png', ['alt' => 'Image Écologiste', 'class' => 'cate_mini'])?>
<p><span class="keyword">Pour retrouver la sérénité...</span><br>Détendez-vous, respirez pleinement aide à prendre conscience des éléments utiles qui vous entours. Laissez place au vide apaisera votre esprit.</p>
</div>
<div>
<p>Écologiste</p>
<?= $this->Html->image('euros2.png', ['alt' => 'Image Écologiste', 'class' => 'cate_mini'])?>
<p><span class="keyword">Pour retrouver la sérénité...</span><br>Détendez-vous, respirez pleinement aide à prendre conscience des éléments utiles qui vous entours. Laissez place au vide apaisera votre esprit.</p>
</div>
<div>
<p>Écologiste</p>
<?= $this->Html->image('euros2.png', ['alt' => 'Image Écologiste', 'class' => 'cate_mini'])?>
<p><span class="keyword">Pour retrouver la sérénité...</span><br>Détendez-vous, respirez pleinement aide à prendre conscience des éléments utiles qui vous entours. Laissez place au vide apaisera votre esprit.</p>
</div>
<div>
<p>Écologiste</p>
<?= $this->Html->image('euros2.png', ['alt' => 'Image Écologiste', 'class' => 'cate_mini'])?>
<p><span class="keyword">Pour retrouver la sérénité...</span><br>Détendez-vous, respirez pleinement aide à prendre conscience des éléments utiles qui vous entours. Laissez place au vide apaisera votre esprit.</p>
</div>
</div>
$(document).ready(function(){
$('.center').slick({
centerMode: true,
centerPadding: '60px',
slidesToShow: 3,
responsive: [
{
breakpoint: 768,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 3
}
},
{
breakpoint: 480,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 1
}
}
]
});
});
好的,我想出了我的问题所在。
我添加了未加载的光滑 css 文件(我多傻)它现在正在工作。
谢谢你们的想法 <3
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.