@gretyl007

Как изменить количество слайдов на разных разрешениях экрана для карусели jquery-waterwheel-carousel?

Добрый день. Подскажите, пожалуйста, как изменить количество отображаемых слайдов для разных разрешений? Например, на десктопе по 2 изображения с каждой стороны от центрального, на планшетах по 1, а на мобильных всего одно центральное?
Параметр задается с помощью опции flankingItems.
Мой код:
$(document).ready(function () {
        var carousel = $("#carousel").waterwheelCarousel({
          flankingItems: 2,
          separation: 250,
          separationMultiplier: 0.7,
          autoPlay: 3000,
          movingToCenter: function ($item) {
            $('#callback-output').prepend('movingToCenter: ' + $item.attr('id') + '<br/>');
          },
          movedToCenter: function ($item) {
            $('#callback-output').prepend('movedToCenter: ' + $item.attr('id') + '<br/>');
          },
          movingFromCenter: function ($item) {
            $('#callback-output').prepend('movingFromCenter: ' + $item.attr('id') + '<br/>');
          },
          movedFromCenter: function ($item) {
            $('#callback-output').prepend('movedFromCenter: ' + $item.attr('id') + '<br/>');
          },
          clickedCenter: function ($item) {
            $('#callback-output').prepend('clickedCenter: ' + $item.attr('id') + '<br/>');
          }
        });

        $('#prev').bind('click', function () {
          carousel.prev();
          return false
        });

        $('#next').bind('click', function () {
          carousel.next();
          return false;
        });

        $('#reload').bind('click', function () {
          newOptions = eval("(" + $('#newoptions').val() + ")");
          carousel.reload(newOptions);
          return false;
        });

      });
  • Вопрос задан
  • 209 просмотров
Решения вопроса 1
@devstudent
frontend-developer
при загрузке страницы/ресайзе проверять ширину экрана и иннициализировать слайдер с разными значениями переменной для каждой ширины экрана
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы