javascript 光滑的轮播方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 光滑的轮播方法相关的知识,希望对你有一定的参考价值。

$('#carousel').slick({
    dots: false, 
    arrows: true,
    infinite: true,
    autoplay: false,
    speed: 500,
    fade: false,
    slidesToShow: 1,
    pauseOnFocus: false,
    pauseOnHover: false,
    cssEase: 'linear',
    prevArrow: $('#carousel-slide-prev'),
    nextArrow: $('#carousel-slide-next'),
});

$('img').click(function() {
  // $('#lightbox').toggleClass('is-active'); // open lightbox
  var slidenum = $(this).data('slide');
  var slider = $('#carousel');
  slider.slick('slickSetOption', 'speed', 0, true); // go to slide without seeing sliding effect
  slider.slick('slickGoTo', slidenum - 1); // go to slidenum
  slider.slick('slickSetOption', 'speed', 500, true); // set speed back to normal for slide effect (in case user uses control arrows)
});

以上是关于javascript 光滑的轮播方法的主要内容,如果未能解决你的问题,请参考以下文章

覆盖光滑的轮播按钮操作

光滑的轮播响应断点

php 光滑的轮播短代码

React 光滑的轮播项目变得模糊

光滑的轮播“初始化”功能不起作用

光滑的轮播幻灯片在彼此之上显示