Jack_Sparrow
@Jack_Sparrow
Junior HTML/CSS

Как выровнять 2 горизонтальных слайдера и свайпить оба (одновременно) мышкой или кнопкой?

Здравствуйте. Стояла задача поставить 2 слайдера рядом и связать их вместе. У слайдера с картинками активное фото должно увеличиваться и выезжать из-под слайдера с текстом (фото прилагаю). Вопрос решил так:
1) слайдер с картинками, чтоб встал ровно, центрировал и центральной картинке задал увеличение;
2) слайдер с контентом абсолютно с позиционировал, задал ширину и поставил справа, тем самым перекрыв не нужные мне слайды слайдера с фото.
Все бы хорошо, работает. Но при малейшем изменении размера экрана, будь то по высоте, а тем более по ширине, слайдер с контентом сдвигается.
Подскажите, пожалуйста, как установить слайдер с контентом, чтоб он не двигался (не открывал скрытые слайды) при каждом пикселе изменения ширины или высоты?
И как прописать синхронный свайп пальцем или мышкой (чтоб свайпишь 1 слайдер, а вслед свайпится второй)?
Слайдер Swiper.
Код прилагаю: https://codepen.io/moskva/pen/BaQMoVv
604b3e1e63b97264743589.png
  • Вопрос задан
  • 109 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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