JQuery jCarousel - Отключение внешних элементов управления - PullRequest
Новая
       6

JQuery jCarousel - Отключение внешних элементов управления

1 голос
/ 04 мая 2010

Я использую JQuery и jcarousel, используя внешние элементы управления навигацией: http://sorgalla.com/projects/jcarousel/examples/static_controls.html

Проблема в том, что кнопки навигации больше не отключаются, как показано здесь:

sorgalla.com / проекты / jcarousel / примеры / static_simple.html

Есть ли обратный вызов, который я могу использовать, чтобы разрешить мне менять активное изображение кнопки на неактивное изображение?

1 Ответ

1 голос
/ 04 мая 2010

ОБНОВЛЕНО

ДЕМО: http://jsbin.com/ifomi4/5 ИСТОЧНИК: http://jsbin.com/ifomi4/5/edit

В ответ на ваш Последний комментарий:

Весь код, который вам нужен (включая CSS), находится в исходном коде, я прокомментировал его, чтобы вы могли легко видеть! 

function disableCustomButtons(carousel){

    var prev_class = 'jcarousel-prev-disabled jcarousel-prev-disabled-horizontal';
    if (carousel.first == 1) {
    $('#mycarousel-prev').attr('disabled', 'true').addClass(prev_class);
    } else {
    $('#mycarousel-prev').attr('disabled', 'false').removeClass(prev_class);
    }

    var next_class = 'jcarousel-next-disabled jcarousel-next-disabled-horizontal';
    if (carousel.last == carousel.size()) {
    $('#mycarousel-next').attr('disabled', 'true').addClass(next_class);
    } else {
    $('#mycarousel-next').attr('disabled', 'false').removeClass(next_class);
    }

}

DEMO: http://jsbin.com/ifomi4

ИСТОЧНИК : http://jsbin.com/ifomi4/edit

Твик состоит из добавления соответствующего класса к вашей собственной кнопке NEXT & PREV, например: 

<a class="jcarousel-prev jcarousel-prev-horizontal" href="#">&nbsp;</a>

<a class="jcarousel-next jcarousel-next-horizontal" href="#">&nbsp;</a>

и, наконец, немного CSS для изображения в центре нашего ползунка 

  /* SET THE MARGIN AS YOU NEED */
  .jcarousel-scroll a { margin: 25px 0 }

Это должно работать как положено! но просто посмотрите демоверсию и вы ее получите, я прокомментировал основные части!

...