자바 스크립트 단순 갤러리 (JQuery 없음)

Question

이 갤러리가 작동하지 않는 이유를 이해하는 데 문제가 있습니다. 미리보기 이미지를 클릭하여 새로운 확대 사진을 가져 오지 만 이전 사진은 숨길 수있는 기능을 원합니다.

나는 여기에서 jsfiddle.net/gt2d1jna를 만들었습니다.

내 로컬 컴퓨터에서 첫 번째 미리보기 이미지는 작동하지만 다른 이미지는 작동하지 않습니다.

저는 이것이 jQuery를 통해 쉽게 달성 될 수 있지만 바닐라 솔루션을 찾고 있다고 알고 있습니다.

Answer 1

JSFiddle에서 아래의 코드는

http://jsfiddle.net/p7xLj0y6/2/

 var showbig = function(elmnt) { 

     var bigimages = document.getElementById("bigImages"); 
     var images = bigimages.getElementsByClassName("image"); 

     var gallery = document.getElementById("gallery"); 
     var children = gallery.getElementsByTagName("div"); 
     var count = children.length; 

     for(var i=0; i<count; i++) { 

      if(children[i] == elmnt) { 
       images[i].style.display = "block"; 
      } else { 
       images[i].style.display = "none"; 
      } 

     } 

    }