Как сделать такой слайдер, на картинке?

Question

[DenisEgorov09]

Не пойму как сделать, так как на картинке, там большая фотография?

Comments

[Тарас Шульга]

Вообще не понимаю, что у вас за проблема? Это настолько классический и простой слайдер, что больше некуда

[DenisEgorov09]

Тарас Шульга, там одна большая фотография, и нажимая на стрелочки, мы перемещаемся в след часть, этой же фотографии...

[Павел Корнилов]

DenisEgorov09, background-position, например, можно использовать. По клику вычислять текущее положение и смещать фон.

[art_y10]

Слайдер почти на все случаи жизни
https://kenwheeler.github.io/slick/

[krundetz]

решение в лоб (плохое). Разрежьте свою фотку на нужное количество частей и вставьте в тот слайдер который лучше всего знаете.

решение чуть сложнее(но тоже так себе). Подгружаете фотку фоном (background-image) во все слайды, настраиваете позицию у фоток через (background-position), так чтобы при пролистывание казалось что это цельная фотка. Получившееся вставляете опять же в слайдер который лучше всего знаете.

решение правильное. Найти компонент, либо создать самому где будет один элемент, а изменение области фотографии будет через background-position фона.

art_y10, там вроде нет нужного эффекта

[art_y10]

krundetz, про эффект не понял, если честно. У слика два эффекта, фейд (появление) и скролл (выезд сбоку). Все остальное, что нарисовано на картинке (положение стрелок, текст) - это стили. В крайнем случае, можно заменить стрелки на свои, кастомные... Количество активных слайдов задаётся, количество слайдов, по сколько скроллить тоже, также есть респонсив. И да, вы правы, фотку нужно порезать на слайды и в стилях задать нулевой отступ между слайдами