wordPressにswf貼ってみた。
0
こんにちは!
KNAP足立です!
最近Slickで色々と触っているうちにタイトルの機能を実装したので
ブログ書いてみようって思いました!☺️
デモはこちら〜
See the Pen SlickGetNumber by knap_develp (@knap_develp) on CodePen.
矢印ナビをクリックした後に
Slickの現在のスライドのインデックス番号を取得し返してくれるメソッドslickCurrentSlideを使用し、取得後それを変数に入れてから
SliderCurrentSlide = $('.js-slick').slick('slickCurrentSlide');
該当のスライドリスト(js-slick_list)にeqメソッドを用いクラスを付与させています。
※eqメソッドはHTML要素の順番を指定してあげることで指定した要素にだけクラスを付与するといったことができます。
SliderList.eq(SliderCurrentSlide).addClass('is-active');
以上がデモとなりますー!
では本日はこのへんで〜👋