Задать вопрос
Ksevostyanova
@Ksevostyanova

Feature carousel, как сделать responsive?

Всем привет!

У меня есть дизайн сайта для экрана > 1400px
И у меня есть дизайн сайта для экрана < 1400px

Допустим, у юзера экран больше 1400px. Слайдер инициализируется, всё работает отлично.
Юзер меняет размер окна браузера, оно становится < 1400px. Контейнер карусели уменьшается, соответственно, изображения должна под него подстраиваться.
Набросала такой себе код
var flag = 0;
  var flag_1 = 0;

  if($(window).width() < 1400) {
    flag = 1;
  } else {
    flag_1 = 1;
  }

  $(window).on('resize', function () {
    if ($(window).width() < 1400 && flag==0) {
      initFeatureCarousel();
      flag = 1;
      flag_1 = 0;
    } else if ($(window).width() > 1400 && flag_1==0) {
      initFeatureCarousel();
      flag_1 = 1;
      flag = 0;
    }
  });


Думаю, опытные спецы тут же скажут, что два раза инициализировать плагин не есть правильно.
Из-за этого, собственно, и анимация происходит не так, как должна. СтОит только изменить размер экрана, как карусель начинает работать плохо. Слайдер сам по себе не предусматривает каких-то специальных функций для решения этой проблемы.

Может, кто-то что-то посоветует?
www.bkosborne.com/jquery-feature-carousel - вот ссылка на слайдер, так же буду рада, если кто-то подскажет бесплатную responsive альтернативу
  • Вопрос задан
  • 2972 просмотра
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы