ОБНОВЛЕНО
ДЕМО: 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);
}
}
ДЕМО: http://jsbin.com/ifomi4
ИСТОЧНИК: http://jsbin.com/ifomi4/edit
Твик состоит из добавления соответствующего класса к вашей собственной кнопке NEXT
и PREV
, например:
<a class="jcarousel-prev jcarousel-prev-horizontal" href="#"> </a>
<a class="jcarousel-next jcarousel-next-horizontal" href="#"> </a>
и, наконец, немного CSS для изображения в центре нашего слайдера
/* SET THE MARGIN AS YOU NEED */
.jcarousel-scroll a { margin: 25px 0 }
Это должно работать так, как ожидалось! но просто посмотрите демо, и вы поняли, я прокомментировал основные части!
person
Luca Filosofi
schedule
04.05.2010