Lightbox için Javascript Yardımı

final ödevim için bir web site tasarlıyorum fotoğraflar bölümüne hazır Lightbox w3scooll'dan aldım fakat Js kodları yüzünden sanıyorum sadece bir lightbox'a izin veriyor İkinici Lightbox'u eklediğimde fotoğraflar karışıyor. Alttakinede tıklasam Üstekinede sadece üstteki fotoğraflar açılıyor(ben 3 tane lightbox koymak istiyorum)

<script>
// Open the Modal
function openModal() {
document.getElementById("myModal").style.display = "block";
}

// Close the Modal
function closeModal() {
document.getElementById("myModal").style.display = "none";
}

var slideIndex = 1;
showSlides(slideIndex);

// Next/previous controls
function plusSlides(n) {
showSlides(slideIndex += n);
}

// Thumbnail image controls
function currentSlide(n) {
showSlides(slideIndex = n);
}

function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("demo");
var captionText = document.getElementById("caption");
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";
captionText.innerHTML = dots[slideIndex-1].alt;
}
 </script>

Merhaba,

konuya tam hakim olamadim simdi ama anladigim kadariyla uc slider ekliyorsun. Tum sliderlarda ayni gorselleri cekiyor dogru mu? mySlides' tan dolayi olabilir mi?

evet hocam doğru üçünde değil sadece birine slider doğru çalışıyor

hocam classları ve idleri farklı ikisinikide tek aynı oldukları kod aşağıda yeşil ile belirtilen kod(openmodal) onunda aşağısında belirtiğim ile alakalı olduğunu düşündüğüm js kodu var

<img src="images/eski izmir/20112017_165034_0.jpg" [COLOR=#41A85F]onclick="openModal();currentSlide(1)"[/COLOR] class="hover-shadow" style="width:853px" " height="502px">

<img src="images/turistik/09112017_17577_0.jpg"[COLOR=#41A85F] onclick="openModal();currentSlide(1)"[/COLOR] class="hover-shadow" style="width:853px" " height="502px">

// Open the Modal
function openModal() {
document.getElementById("myModal").style.display = "block";
}

// Close the Modal
function closeModal() {
document.getElementById("myModal").style.display = "none";
}

Ilgili tum kodlarini yazar misin buraya? HTML / Php / Js / Css ne kullandıysan ...

hocam herşey linkte mevcut https://yadi.sk/d/DcHbbuJztxqvEA?w=1 İlgilendiğiniz için teşekkür ederim

hocam sorunu buldunuzmu

Kusura bakma, kontrol edemedim daha, musait olamadim bakmak icin. Kontrol edince, olumlu veya olumsuz ozel mesaj olarak yazacagim sana.