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