slick

「background-image」の背景画像を使ったスライド

HTML
CSS
                  
    .slick__bg {
      aspect-ratio: 16 / 9; //表示サイズ
      background-size: 100% auto;
      background-repeat: no-repeat;
    }

    .-bg01 {
      background-image: url(/common/img/pic/img_x01.jpg);
    }

    .-bg02 {
      background-image: url(/common/img/pic/img_x02.jpg);
    }

    .-bg03 {
      background-image: url(/common/img/pic/img_x03.jpg);
    }

    .-bg04 {
      background-image: url(/common/img/pic/img_x04.jpg);
    }

    .-bg05 {
      background-image: url(/common/img/pic/img_x05.jpg);
    }