이미지 사이즈에 맞게 팝업 띄우기

 

갤러리 작업할때 이미지를 새창으로 띄우는 경우가 있는데 

이런 경우 사이즈가 다 달라서 애먹을 적이 있었습니다.
검색해보니 이렇게 사용하는 경우도 있어서 저도 사용 후 기록합니다.

HTML

<a href="javascript:fn_control('경로/이미지파일명')" class="btn"> 팝업 확인 &#62;</a>

JS

 function fn_control(img){
  foto1= new Image();
  foto1.src=(img);
  Controlla(img);
 }

function Controlla(img){
  if((foto1.width!=0)&&(foto1.height!=0)){
  viewFoto(img);
 }else{
    funzione="Controlla('"+img+"')";
    intervallo=setTimeout(funzione,20);
   }
 }

 function viewFoto(img){
  largh=foto1.width+20;
  altez=foto1.height+20;
  stringa="width="+largh+",height="+altez;
  finestra=window.open(img,"",stringa);
 }

 

코드확인

https://codepen.io/csvhixfk-the-scripter/pen/qBwEwyg