【发布时间】:2020-12-30 17:49:07
【问题描述】:
所以我尝试使用 owl 制作响应式滑块,但我不确定它是如何工作的(我知道 slick 可以做同样的事情)。这是它现在的样子:
我想每 5 秒制作一次评论幻灯片,但由于某种原因,评论没有显示:
如果有更方便的方法来解决这个问题,你能指导我吗,这是我这部分的代码:
<section id="cta-2" class="section-padding">
<div class="container">
<div class=" row">
<div class="col-md-2"></div>
<div class="text-right-md col-md-4 col-sm-4">
<h2 class="section-title white lg-line">« Komentari <br> korisnika »</h2>
</div>
<div class="col-md-4 col-sm-5 owl-carousel owl-theme">
<div class="item col-md-4 col-sm-5">
Ma meni je odlična ordinacija znaci bajo ono grmi. Lokacija je špicoka i uposlenici su rega. Znači sve samo top.
<p class="text-right text-primary"><i>— John Wick</i></p>
</div>
<div class="item col-md-4 col-sm-5">
Ma meni je odlična ordinacija znaci bajo ono grmi. Lokacija je špicoka i uposlenici su rega. Znači sve samo top.
<p class="text-right text-primary"><i>— John Wick</i></p>
</div>
<div class="item col-md-4 col-sm-5">
Ma meni je odlična ordinacija znaci bajo ono grmi. Lokacija je špicoka i uposlenici su rega. Znači sve samo top.
<p class="text-right text-primary"><i>— John Wick</i></p>
</div>
</div>
<div class="col-md-2"></div>
</div>
</div>
</section>
这是 JS:
$(document).ready(function() {
$(".owl-carousel").owlCarousel({
dots: false,
items: 1,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
loop: true
});
});
使用 slick 时会发生这种情况: 任何帮助/提示都会很棒,在此先感谢 :D
光滑的代码:
<div class="komentari row-md-4 row-sm-5">
<div class=" col-md-4 col-sm-5">
Ma meni je odlična ordinacija znaci bajo ono grmi. Lokacija je špicoka i uposlenici su rega. Znači sve samo top.
<p class="text-right text-primary"><i>— John wick</i></p>
</div>
<div class=" col-md-4 col-sm-5">
Ma meni je odlična ordinacija znaci bajo ono grmi. Lokacija je špicoka i uposlenici su rega. Znači sve samo top.
<p class="text-right text-primary"><i>— John wick</i></p>
</div>
<div class=" col-md-4 col-sm-5">
Ma meni je odlična ordinacija znaci bajo ono grmi. Lokacija je špicoka i uposlenici su rega. Znači sve samo top.
<p class="text-right text-primary"><i>— John wick</i></p>
</div>
</div>
和 JS:
$(document).on('ready', function() {
$(".komentari").slick({
dots: false,
infinite: true,
slidesToShow: 1,
slidesToScroll: 3
});
});
任何帮助/提示都会很棒,在此先感谢 :)
【问题讨论】:
-
这能回答你的问题吗? Resposive slider for reviews in HTML
-
根本没有人回答它
标签: javascript html css owl-carousel