테스트 사이트 - 개발 중인 베타 버전입니다

bxslider 질문드립니다. 채택완료

모두 4년 전 조회 2,410

서브페이지에 bxslider 써서

이미지가 한장씩 나오게

총 1~5번까지 5장이 돌아가는데

 

인덱스 페이지에서

1, 2, 3, 4, 5 으로 버튼 을 만들어서

3번 누르면 서브페이지에서 3번 부터 시작하고

5번 누르면 5번부터 슬라이드 시작되게

하고싶은데

 

하루종일 구글링해도 방법을 못찾겠어서 문의 남깁니다.ㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
Big1
4년 전

bxSlider startSlide 옵션을 사용하면 되겠네요

https://bxslider.com/options/

주의할 점은 zero-base 라는 점

0 이 첫번째 슬라이드

$('.bxslider').bxSlider({
    // 여러 옵션... 
    startSlide: 0,
});

 

사용자마다 선택값이 다르기 때문에 

선택값을 저장해야하는데요

그누보드 js/common.js 에 set_cookie() get_cookie() 함수가 제공되므로

그걸 이용하면 되겠네요

인덱스 버튼에서 온클릭이벤트 -> set_cookie() 사용자 선택값

set_cookie('startSlide', $(this).data('블라블라'));

 

bxSlider가 작동하는 페이지에서

get_cookie()로 값을 읽어와서

startSlide: 여기에출력,

var startSlide = get_cookie('startSlide') || 0;

$('.bxslider').bxSlider({
    // 여러 옵션... 
    startSlide: startSlide,
});

 

이런식이 되겠네요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인