bxslider 스크립트좀 봐주세용.. 커스텀페이져 질문입니다.. 채택완료

</p>

<p><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></p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p>      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);

        });

    

        }</p>

<p> </p>

<p>