How can I rewrite this script?

Good day!

Not good in JS and Jquery even more so... There is a slider script for images. It works for all images on the page and after the last picture does not move at first, though all works well when the block on page one only. Is there a way to change it to arrow to change the picture in only one block, not several?

https://jsfiddle.net/3rv6z95w/
June 27th 19 at 15:27
3 answers
June 27th 19 at 15:29
Solution
https://jsfiddle.net/1gesz2fe/ not ideal, but it works
June 27th 19 at 15:31
you have knowledge on html, let's say, very little
ajtishniki type #prev_slide must be unique, then it will work
$('#next_slide').click(function(){
nextSlide();
 });


Button acts on a function in which there are classes, they also have unikalizirovat? - Angel_Wyman14 commented on June 27th 19 at 15:34
inside you nextSlide() handling $('.slidewrapper') to all on the page, the sliders, and need to be unique.
so. sliders call #slidewrapper1 and #slidewrapper2 to them $("#slidewrapper1, #slidewrapper2") during initialization and every specific on the right buttons.

PS and because of your aydishnikov not working bottom button - mina50 commented on June 27th 19 at 15:37
June 27th 19 at 15:33
"Not good in JS and Jquery even more so", in this case, it is better to use ready solutions like: owl carousel, bxslider, less problems will be.
No problem - no progress. Every time I encounter them, and either myself or someone else prompted. If you have ever ready-made options, then the sense is 0. - Angel_Wyman14 commented on June 27th 19 at 15:36

Find more questions by tags jQueryJavaScript