bxslider 스크립트좀 봐주세용.. 커스텀페이져 질문입니다..
본문
<div class="gallery-wrap">
<div class="gallery-mask">
<ul id="gall_uls" class="gallery">
<?php for ($i = 0; $i < 17 ; $i ++) { ?>
<li><img src="<?php echo G5_THEME_IMG_URL?>/int<?php echo $i?>.jpg" alt="메뉴이미지" class="full"></li>
<? } ?>
</ul>
</div>
</div>
<div class="pager-wrap">
<div class="pager-mask">
<div id="gallery-pager" class="pager">
<?php for ($i = 0; $i < 17 ; $i ++) { ?>
<a href="#" data-slide-index="<?php echo $i;?>" class="paget_btn"><span>
<img src="<?php echo G5_THEME_IMG_URL?>/int<?php echo $i?>.jpg" alt="메뉴이미지" class="full">
<b class="over"></b></span>
</a>
<?php } ?>
</div>
</div>
</div>
function sliddd () {
var galleryPager = $('#gallery-pager').bxSlider({
controls: false,
pager: false,
slideWidth: 250,
minSlides: 4,
maxSlides: 4,
infiniteLoop: false,
onSlideBefore: function() {
var n = galleryPager.getCurrentSlide() + 1;
}
}),
gallerySlider = $('#gall_uls').bxSlider({
pagerCustom: '#gallery-pager',
onSlideBefore: function() {
var n = gallerySlider.getCurrentSlide() + 1;
galleryPager.goToSlide(Math.ceil(n/4)-1);
}
}),
$cur = $('.paget_btn');
$cur.on('click', function(){
galleryPager.goToSlide(10);
});
}
sliddd() 라는 펑션안에 galleryPager를 커스텀해서 gallerySlider에 불러와 페이져로 적용했구요,,
galleryPager도 슬라이더로 만들었습니다..
근데 페이져기능이 작동하지 않아요,,,,,,,,,,
커스텀페이져 4번째 누르면 4번째 슬라이드로 가야한느데......... ㅠㅠㅠㅠㅠㅠㅠㅠ
왜 인지 콘솔창에 오류도 안뜨고,,,,,,,,,,,,,, 왜그런걸까요...
도와주세요..
답변을 작성하시기 전에 로그인 해주세요.
