Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- linux
- css
- java
- 맥
- SQL
- Stock
- 코드이그나이터
- 공모주
- jquery
- 주식 청약
- 공모주 청약 일정
- MYSQL
- IPO
- 오라클
- 7월 공모주 청약 일정
- 6월 공모주 청약 일정
- codeigniter
- php
- Stock ipo
- 자바스크립트
- 리눅스
- JavaScript
- 주식 청약 일정
- 제이쿼리
- 주식
- Oracle
- Eclipse
- 자바
- 공모주 청약
- html
Archives
- Today
- Total
개발자의 끄적끄적
[javascript & jquery] swiper - index 설정 [펌] 본문
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
반응형
'개발 > javascript & jquery' 카테고리의 다른 글
[javascript & jquery] vimeo 영상 존재여부 체크 (0) | 2019.12.18 |
---|---|
[javascript & jquery] vimeo.js 비메오 동영상 플레이어 [링크] (0) | 2019.12.18 |
[eclipse] 웹어플리케이션을 war파일로 만들고 톰캣서버에 배포하기[펌] (0) | 2019.12.13 |
[javascript & jquery] facebook share 페이스북 공유하기 [링크] (0) | 2019.12.12 |
[javascript & jquery] clipboard.js 클립보드.js [링크] (0) | 2019.12.11 |
Comments