Всем привет!
У меня есть дизайн сайта для экрана > 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 альтернативу