javascript

이미지 크기에 맞추어 팝업띄우기 - 이미지 원래크기대로 보기

조심이 2009. 12. 18. 13:16
반응형

이미지를 작게 표시하고 클릭하면 원래 크기에 맞추어 팝업이 생성되도록 하는 소스.

===================== 자바스크립트 부분 ============================

<script type="text/javascript">

<!--
function viewPic(img){
  foto1= new Image();
  foto1.src=(img);
  contImg(img);
}
function contImg(img){
  if((foto1.width!=0)&&(foto1.height!=0)){
    viewImg(img);
  }
  else{
    funzione="contImg('"+img+"')";
    intervallo=setTimeout(funzione,20);
  }
}
function viewImg(img){
  largh=foto1.width+20;
  altez=foto1.height+20;
  stringa="width="+largh+",height="+altez;
  finestra=window.open(img,"",stringa);
}
// -->
</script>



=============================   HTML 부분 ==================================

<A HREF="javascript:viewPic('http://111.111.11.1/image/abc.jpg')" BORDER="0">
<IMG SRC="http://111.111.11.1/image/abc.jpg" BORDER="0"></A>

반응형