Как настроить слайдер из трех видимых слайдов на jQuery?

Question

[we6student]

Нужен слайдер, в котором 3 слайда отображаются, остальные скрыты. При нажатии на кнопку "Next" и "Prev" добавляется новый слайд, а первый исчезает и наоборот соответственно.

Пример: https://jsfiddle.net/qg7ns1po/

Есть готовые слайдеры как мне надо, но я бы хотел разобраться как это делается на jQuery. ПО этому не советуйте, пожалуйста, использовать готовые слайдеры из интернета. Спасибо.

Comments

[Ankhena]

Не буду советовать их использовать, буду советовать открыть их код и посмотреть.
Также полно статей и видео, где это расписано пошагово.
Вряд ли имеет смысл копировать их содержимое сюда.

[Danny Arty]

Есть готовые слайдеры как мне надо, но я бы хотел разобраться как это делается на jQuery. ПО этому не советуйте, пожалуйста, использовать готовые слайдеры из интернета. Спасибо.

Ну так разбирайтесь с помощью готовых решений. В чем вопрос то собственно? Если вам тут полностью решение свое напишут - это же тоже будет готовым вариантом, который вас не устраивает. Так к чему тогда этот вопрос?
Или вы ждете пока какой-нибудь кэп вам напишет, мол "Вешай актив на текущие слайды, при клике на next скрывай первый из них и вешай актив на следующий, а при клике на prev делай наоборот"

[we6student]

Danny Arty, готовые варианты делаются через новую библиотеку. а я хотел разобраться как это делать через jquery. На счет кэпа про вешай актив: у меня в этом и загвоздка. я что-то не так делаю, хотел чтобы умные люди показали как правильно делать, потому что у меня ничего не работает как надо... а в статьях и в видео объясняют как сделать слайдер с 1 картинкой, с тремя у меня так не получается

[Danny Arty]

we6student,

На счет кэпа про вешай актив: у меня в этом и загвоздка. я что-то не так делаю, хотел чтобы умные люди показали как правильно делать,

ну дык пример твоей реализации в студию и тогда подскажем что не так

[we6student]

Danny Arty, ну я в описании же прикрепил) https://jsfiddle.net/qg7ns1po/
как раз-таки разбирался по какому-то видео. там правда был слайдер с одним видимым слайдом. Ну думал получится самому смастерить, однако извилин не хватает. При нажатии "Next" 1 блок не исчезает, а в конце добавляются остальные блоки, вместо одного 4-го блока. Ну и так далее. Имея готовый скрипт на кнопку "Next", думаю с кнопкой "Prev" я бы справился сам)

[Danny Arty]

we6student, лол, пардон, ранее не заметил такого почему-то. Сейчас посмотрю

Answer 1

[Danny Arty]

Loop сам сделаешь

Comments

[we6student]

спасибо)