Chapter.6JavaScript(jQuery)基礎

03jQueryプラグイン(slick)を利用し、ブレイクポイントで変化させる

emoji_objects
スライドショー全体のグループ要素のID名 #slider

-- js --
$(function(){
  $('#slider').slick({
    centerMode: true,
    centerPadding: '20%',
    arrows: false,
    autoplay: true,
    responsive: [
      {
        breakpoint: 900,
        settings: {
        centerMode: false
        }
      }
    ]
  });
});

ヒント

https://lecture.berry-cr-test.com/wp-content/uploads/2023/11/chapter6-1-6.jpg
https://lecture.berry-cr-test.com/wp-content/uploads/2023/11/chapter6-1-7.jpg
https://lecture.berry-cr-test.com/wp-content/uploads/2023/11/chapter6-1-8.jpg
https://lecture.berry-cr-test.com/wp-content/uploads/2023/11/chapter6-1-9.jpg
https://lecture.berry-cr-test.com/wp-content/uploads/2023/11/chapter6-1-10.jpg