이미지를 쿼리한 후 큰 이미지를 보기 위한 함수도 추가해야 하므로 js에 메서드를 작성한 다음 이미지의 onmouseover 이벤트에서 이 메서드를 호출하여 작은 이미지 위에 마우스를 올렸을 때 큰 이미지가 자동으로 표시됩니다. 큰 이미지를 표시하고 숨기는 JS 코드: 코드 복사 코드는 다음과 같습니다. <br>//이미지 표시<br>함수(imgid,obj,imgbig) <br>{ <br>//최대 크기 대형 이미지 디스플레이 크기 400 300 <br>maxwidth=400; <br>maxheight=300; <br><br>//Display<br>obj.style.display="" <br>imgbig. src= imgid.src; <br><br><br>//1. 너비와 높이가 초과되었습니다. 이를 초과하는 사람이 최대값으로 설정됩니다. 전략은 2번과 3번 <br>//2에 따릅니다. 너비는 초과하고 높이는 초과하지 않으면 너비를 최대값으로 설정합니다<br>//3. 높이를 최대값으로 설정 <br><br>if(img.width>maxwidth&&img.height>maxheight) <br>{ <br>pare=(img.width-maxwidth)-(img.height-maxheight); <br>if(pare>=0) <br>img.width= maxwidth; <br>else <br>img.height=maxheight; <br>} <br>else if(img.width>maxwidth&&img.height< =maxheight) <BR>{ <BR>img.width=maxwidth; <BR>} <BR>else if(img.width<=maxwidth&&img.height>maxheight) <br>{ <br>img.height=maxheight; <br>} <br>} <br><br>//이미지 숨기기<br>function out() <br>{ <br>document.getElementById('divImage').style.display="none" <br>} <br> 작은 이미지를 표시하는 이미지와 큰 이미지를 표시하는 이미지: 코드 복사 코드는 다음과 같습니다. <%--큰 아이콘을 표시할 영역--%> ;