2015/07/26

[jQuery][JavaScript]Swiperプラグインのページングを動的につくる

Swiperプラグインのページングを動的につくるにはどうすればいいのだろうか?

var $swiperContainer = $('.swiper-container');
var swiperContainer = $swiperContainer.swiper({
  pagination: '.swiper-pagination',
  paginationClickable: true,
  paginationBulletRender: function(index, className){
    return '' + (index + 1) + '';
  }

});
という形でpaginationプロパティーに基点となるselectorを設定して、paginationBulletRenderメソッドがページの数分コールされるので、returnのところでページングの部分を返せばおk。

0 コメント:

コメントを投稿