【slick】slickSetOptionでoptionを変更するサンプル(SP)のデモページ

このページの内容が難しいと感じた方はこちら

slickを実行しているa.jsの読み込み後にb.jsに記述したslickSetOptionによってオプションを変更。ただし、配列で記述しないと効かないので注意が必要。

スポンサーリンク

Web制作会社LIGが運営するWebデザインスクール

JavaScript(a.js)

$(function(){
  $('.slider').slick({
    responsive: [{
    breakpoint: 768,
    settings: {
    slidesToShow: 2,
    slidesToScroll: 1,
    centerMode: true
    }}]
  });
});

JavaScript(b.js)

window.addEventListener('load', function(){
  var topicsSlide = $('.slider');
  topicsSlide.slick('slickSetOption', "responsive", [{breakpoint: 768, settings: {slidesToShow: 1,slidesToScroll: 1,centerMode: true,dots: true }}] , true);
});