Здравствуйте, помогите пожалуйста с каруселью, бьюсь уже 3й день с элементарной задачкой.
Вот мой код:
https://jsfiddle.net/fr50zxez/14/
В рабочем варианте он завершен, кроме функции resize.
Собственно проблема:
Хочу чтобы карусель корректно отображалась при уменьшении/ увеличении ширины страницы.
Отталкиваюсь от этого: если страница, допустим, увеличилась на 200px, то и лефт должен увеличится на 200.
Вот мой код:
resize: function () {
for (var i = 0; i<= slider.imgs.length - 1; i++) {
slider.imgs.eq(i).css('left', slider.getLeft(i) +(slider.getWidth() - slider.startWidth))
} // Это функция только на увеличение, экрана
}
Тут я вычисляю текущий лефт и добавляю к нему разницу между первоначальной шириной и текущей шириной, но это не работает.
Я уверен, что что то нужно добавить в метод getLeft, но не могу допереть что