Merhabalar arkadaşlar,

Elimde divleri slider haline getirebilecek bir fonksiyon var fakat şöyle bir sorunum var. Tasarımda iki bölümde slider var ve bu fonksiyonu kullanmalıyım. İlk divimin sliderini ilerletince ikinici slider'da aynı fonksiyonu kullandığı için o da ilerliyor. Bunu nasıl çözebilirim ?

Fonksiyonum :

var slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
showSlides(slideIndex += n);
}

function currentSlide(n) {
showSlides(slideIndex = n);
}

function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}