【その1】jQueryプラグイン「owlcarousel」のイベントをキャッチして、処理を追加しよう

【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。

---

var owlMainVisualImage = $('.c-main-visual__gallery .owl-carousel');
owlMainVisualImage.owlCarousel({
  items: 1,
  margin: 0,
  dots: false,
  loop: true,
  nav: false,
  autoplaySpeed: 1000,
  autoplayTimeout: 4500,
  autoplayHoverPause: false,
  autoplay: true,
  center: true,
  onInitialized: changeClasses, //ここにメソッドを追加します。on〜と書きます。Initializedは起動のタイミングで発火します。
});

function changeClasses(e) { //引数にオブジェクトが返ってきますのでそちらからデータを取得できます。
  totalCount = e.item.count, //総数が取得できます。
  currentIndex = e.item.index, //現在のインデックス番号が取得できます。
}

【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。

Udemyを実際に体験した方の感想記事もぜひご覧ください♪

• 【体験談】主婦が「自宅で働きたい」を叶えるために、広告バナー制作を学んでみた
• 【体験談】全くの初心者がUdemyでモーショングラフィックスを学んでみた
• 【体験談】Udemy「みんなのAI講座 ゼロからPythonで学ぶ人工知能と機械学習」を実際にやってみた感想
• 【体験談】無料！？Udemyで学ぶはじめてのAI（ディープラーニング、機械学習）
• 【体験談】UdemyでWeb開発を学びました【コスパ最強】