bxslider 질문드립니다.
본문
서브페이지에 bxslider 써서
이미지가 한장씩 나오게
총 1~5번까지 5장이 돌아가는데
인덱스 페이지에서
1, 2, 3, 4, 5 으로 버튼 을 만들어서
3번 누르면 서브페이지에서 3번 부터 시작하고
5번 누르면 5번부터 슬라이드 시작되게
하고싶은데
하루종일 구글링해도 방법을 못찾겠어서 문의 남깁니다.ㅠ
답변 1
bxSlider startSlide 옵션을 사용하면 되겠네요
주의할 점은 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,
});
이런식이 되겠네요
답변을 작성하시기 전에 로그인 해주세요.
