개발자의 끄적끄적

[javascript & jquery] swiper - index 설정 [펌] 본문

개발/javascript & jquery

[javascript & jquery] swiper - index 설정 [펌]

효벨 2019. 12. 18. 10:02
728x90
반응형

[javascript & jquery] swiper - index 설정 [펌]

 

>> swiper 해당 index를 처음에 보여지고 싶다 - class값으로 처리함

 

 

** test http://unida.co.kr/html_mobile/election_news_main.html

 

 

var swiper = new Swiper('.sec_region_swiper', {

scrollbar: {

el: '.swiper-scrollbar',

hide: true

},

slidesPerView: 7,

spaceBetween: 5,

//centeredSlides: true,

freeMode: true

 

});

swiper.slideTo(getSlideIndexByClass('on'));

function getSlideIndexByClass(className) {

  var index = 0;

  $.each($('.swiper-wrapper').children(), function(i, item) {

if ($(item).hasClass(className)) {

  index = i;

  return false;

}

  });

  return index;

}

 

출처 : http://www.unida.co.kr/bbs/board.php?bo_table=tip_script&wr_id=21

반응형
Comments