zw-1988.com

slick   

下载

Settings

// Add a slide
$('.your-element').slick('slickAdd',"<div></div>");

// Get the current slide
var currentSlide = $('.your-element').slick('slickCurrentSlide');

// Manually refresh positioning of slick
$('.your-element').slick('setPosition');

// On swipe event
$('.your-element').on('swipe', function(event, slick, direction){
  console.log(direction);
  // left
});

// On edge hit
$('.your-element').on('edge', function(event, slick, direction){
  console.log('edge was hit')
});


// On before slide change
$('.your-element').on('beforeChange', function(event, slick, currentSlide, nextSlide){
  console.log(nextSlide);
});
 $(".slick-slide[data-slick-index='0'] .slider_content").addClass("showup");
  $('.slider-for').on('beforeChange', function(event, slick, nextSlide,prevSlide){
    $(".slick-slide[data-slick-index='" + prevSlide + "'] .slider_content").addClass("showup");
    $(".slick-slide[data-slick-index='" + nextSlide + "'] .slider_content").removeClass("showup");
   
  });
  
   $('.featured').slick({
            arrows: true,
            autoplay: true,
            dots: true,
            infinite: true,
            speed: 500,
            fade: true,
            cssEase: 'linear',
            prevArrow: $('.js-button .arrow .prev'),
            nextArrow: $('.js-button .arrow .next'),
           appendDots:$('.js-button .dots')
        });

 $("selector").slick({
        nextArrow: '<button type="button" class="btn btn-primary">prev</button>',
        prevArrow: '<button type="button" class="btn btn-primary">next</button>'
    });

$('.my-slider').slick({
    arrows: true,
    prevArrow: '<div class="slick-prev"><</div>',
    nextArrow: '<div class="slick-next">></div>'
});
$('.slider').slick({
    dots: false,
    infinite: true,
    autoplay: true,
    autoplaySpeed: 3000,
    speed: 300,
    slidesToScroll: 1,
    arrows: true,
    prevArrow: '<div class="slick-prev"><i class="fa fa-angle-left" aria-hidden="true"></i></div>',
    nextArrow: '<div class="slick-next"><i class="fa fa-angle-right" aria-hidden="true"></i></div>'
});
轮播的相册一直滚动
 function slick() {

      $('.main_img').slick({
        centerMode: true,
  
        centerPadding: '0px',
        slidesToShow: 2,
        infinite: true,
        dots: false,
        autoplay: true,
        autoplaySpeed: 0,
        arrows: false,
        cssEase: 'linear',
        easing: 'linear',
        speed:8000,
        slidesToScroll: 1,
        pauseOnHover: true,
        responsive: [
            {
                breakpoint: 1600,
                settings: {
    
                    centerPadding: '0px',
                    slidesToShow: 3
                }
    },
            {
                breakpoint: 750,
                settings: {
                    arrows: true,
                    autoplay: true,
                    centerMode: true,
                    centerPadding: '0px',
                    slidesToShow: 2
                }
    },
            {
                breakpoint: 480,
                settings: {
                    arrows: true,
                    autoplay: true,
                    centerMode: true,
                    centerPadding: '0px',
                    slidesToShow: 1
                }
    }
    ]
      });
    
    
    }