Как можно переписать данный скрипт?

Question

[PKPG]

Добрый день!

В JS плохо разбираются, а в Jquery подавно... Есть скрипт слайдера для картинок. Он срабатывает для всех картинок на странице и после последней картинки не перемещается на первую, хотя все срабатывает четко, когда блок на странице только один. Можно ли как-то его изменить, чтобы при нажатии на стрелку менялась картинка только в одном блоке, а не на нескольких?

https://jsfiddle.net/3rv6z95w/

Answer 1

[Евгений Кузовлев]

https://jsfiddle.net/1gesz2fe/ далеко не идеал, но работает

Answer 2

[romy4]

у вас и знаний по html, скажем так, весьма мало
айдишники типа #prev_slide должны быть уникальный, тогда будет работать

Comments

[PKPG]

$('#next_slide').click(function(){
        nextSlide();
    });

Кнопка действует на функцию, в которой есть классы, их тоже надо уникализировать?

[romy4]

у вас внутри nextSlide() обращение $('.slidewrapper') ко всем на странице слайдерам, а надо чтобы были уникальные.
поэтому. слайдеры называйте #slidewrapper1 и #slidewrapper2 обращаясь к ним $("#slidewrapper1, #slidewrapper2") при инициализации и к каждому конкретному на нужных кнопках.

пс и ещё из-за ваших айдишников не работают нижние кнопки

Answer 3

[Виталий]

"В JS плохо разбираются, а в Jquery подавно", в этом случаи лучше использовать готовые решения типа: owl carousel, bxslider, меньше проблем будет.

Comments

[PKPG]

Не будет проблем - не будет прогресса. Каждый раз я сталкиваюсь с ними, и всегда решал либо сам, либо кто-то подсказывал. Если пользоваться постоянно готовыми вариантами, то толку будет 0.