slickのスライドギャラリーに総数と何枚目かを表示する

harada 920views 更新:2015年7月1日

[ 2 / 10 ]などの順番と総数を表示させます。

JavaScript

var $status = $('.pagingInfo');
    var $slickElement = $('.slide_image');
    $slickElement.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
        var i = (currentSlide ? currentSlide : 0) + 1;
        $status.text(i + ' / ' + slick.slideCount);
    });
    $slickElement.slick({
        infinite: true,
        speed: 300,
        centerMode: true
    });

参考:Slick.js: Get current and total slides (ie. 3/5)

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません