https://dora-world.com/sp/dorami/_assets/js/dorami/pocket.js

1/** @format */
2
3const $name = $(".js-pocket-name");
4
5const pocketNames = [
6  "タイムマシン",
7  "タケコプター",
8  "スモールライト",
9  "どこでもドア",
10  "四次元ポケット",
11  "そのほかいろいろ",
12];
13
14$(function () {
15  const $slider = $(".js-pocket-slider");
16  const $current = $(".js-pocket-current");
17  const $total = $(".js-pocket-total");
18
19  if (!$slider.length) return;
20
21  $slider.on("init reInit afterChange", function (event, slick, currentSlide) {
22    const index = currentSlide || 0;
23    $current.text(index + 1);
24    $total.text(slick.slideCount);
25    $name.text(pocketNames[index]);
26  });
27
28  $slider.slick({
29    slidesToShow: 1,
30    arrows: true,
31    dots: false,
32    infinite: true,
33    speed: 450,
34  });
35});