STUDY/programing

이미지 클릭시 새창 팝업 띄우기

NightOwl 2019. 9. 15. 20:30
728x90

이미지 클릭시 새창으로 이미지를 연다.

HTML

 <ul>
   <li><img src="/images/sample/po1.png" class="click_img"></li>
   <li><img src="/images/sample/po2.png" class="click_img"></li>
   <li><img src="/images/sample/po3.png" class="click_img"></li>
   <li><img src="/images/sample/po4.png" class="click_img"></li>
</ul>

 

SCRIPT

<script type="text/javascript">
var img = document.getElementsByClassName('click_img');
    for (var x = 0; x < img.length; x++) {
      img.item(x).onclick=function() {window.open(this.src)}; 
    }
</script>
728x90