вопрос
Установил jquery плагин Carousel, настроил, все работает.
1. Скажите пожалуйста, можно ли НЕ показывать стрелки навигации (влево и вправо) если картинок (елементов) 3 и меньше ?
2. По-умолчанию, у меня ширина блока "jcarousel-wrapper" 450px, можно ли её изменить если есть всего 1 картинка (элемент) с 450px на 150px, если 2 картинки с 450px на 300px, а если 3 и больше чтобы так и осталось 450px ?
Пожалуйста, помогите, вот как я понял изменения нужно ввести в данном файле:
1. Скажите пожалуйста, можно ли НЕ показывать стрелки навигации (влево и вправо) если картинок (елементов) 3 и меньше ?
2. По-умолчанию, у меня ширина блока "jcarousel-wrapper" 450px, можно ли её изменить если есть всего 1 картинка (элемент) с 450px на 150px, если 2 картинки с 450px на 300px, а если 3 и больше чтобы так и осталось 450px ?
Пожалуйста, помогите, вот как я понял изменения нужно ввести в данном файле:
(function($) {
$(function() {
var jcarousel = $('.jcarousel');
jcarousel
.on('jcarousel:reload jcarousel:create', function () {
var width = jcarousel.innerWidth();
if (width >= 600) {
width = width / 3;
} else if (width >= 350) {
width = width / 3;
}
jcarousel.jcarousel('items').css('width', width + 'px');
})
.jcarousel({
wrap: 'circular'
});
$('.jcarousel-control-prev')
.jcarouselControl({
target: '-=1'
});
$('.jcarousel-control-next')
.jcarouselControl({
target: '+=1'
});
$('.jcarousel-pagination')
.on('jcarouselpagination:active', 'a', function() {
$(this).addClass('active');
})
.on('jcarouselpagination:inactive', 'a', function() {
$(this).removeClass('active');
})
.on('click', function(e) {
e.preventDefault();
})
.jcarouselPagination({
perPage: 1,
item: function(page) {
return '<a href="#' + page + '">' + page + '</a>';
}
});
});
})(jQuery);