jCarousel arrow отключить, если больше изображений влево или вправо

Question

Я использую Sorgalla jcarousel. Допустим, что у меня девять изображений, и скрипт установлен со свитком: 3, и я смотрю изображение 1-3, тогда стрелка должна быть только с правой стороны, а это значит, что я могу просмотреть больше фотографий справа. тогда, когда я просматриваю право, и я смотрю f.e. изображение 4,5,6, в этом случае стрелки должны быть с обеих сторон, потому что есть фотографии слева и справа. НО, если я снова просмотрю направо и до тех пор, пока изображение 7,8,9, стрелка на правой стороне не исчезнет, ​​потому что больше нечего искать справа. в этом случае должна отображаться только стрелка влево.

Моего сценарий:

JQuery (документ) .ready (функция ($) {

myCarousel = null; // This will be the carousel object 

    function mycarousel_initCallback(carousel, state) { 
     if (state == 'init') { 
      myCarousel = carousel; 
     } 
     $('#arrows_gallery_next').bind('click', function() { 
      carousel.next(); 
      return false; 
     }); 
     $('#arrows_gallery_prev').bind('click', function() { 
      carousel.prev(); 
      return false; 
     }); 


     $('.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item').width(<?php echo $thumbX;?>); 

    }; 

    jQuery('#arrows_gallery_carousel').jcarousel({ 
     scroll: 1, 
     visible:3, 
     initCallback: mycarousel_initCallback, 
     buttonNextHTML: null, 
     buttonPrevHTML: null, 
      setupCallback:function(){ 
       jQuery('#arrows_gallery_carousel.jcarousel-list li').each(function(){ 
        jQuery(this).width(103) 
       }) 
      }, 
    }); 
}); 

Answer 1

Изменить ваши обработчики пейджерного отслеживающего номера страницы и включить/отключить кнопки подкачки, когда они достичь начала или конца.

function mycarousel_initCallback(carousel, state) { 
    var page = 1; 
    $('#arrows_gallery_prev').css('visibility', 'hidden'); 

    if (state == 'init') { 
     myCarousel = carousel; 
    } 
    $('#arrows_gallery_next').bind('click', function() { 
     carousel.next(); 
     page++; 
     $('#arrows_gallery_prev').css('visibility', 'visible'); 
     $('#arrows_gallery_next').css('visibility', (page == 3) ? 'hidden' : 'visible'); 
     return false; 
    }); 
    $('#arrows_gallery_prev').bind('click', function() { 
     carousel.prev(); 
     page--; 
     $('#arrows_gallery_next').css('visibility', 'visible'); 
     $('#arrows_gallery_prev').css('visibility', (page == 1) ? 'hidden' : 'visible'); 
     return false; 
    }); 


    $('.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item').width(<?php echo $thumbX;?>); 

}; 

Кстати, вы упомянули, что свиток был установлен на 3, но конфигурация имеет свитку как 1.