iframe사용시 높이 자동 조절
iframe 사용시 iframe의 높이가 내용의 높이만큼 자동으로 조절되는 기능입니다.
아래의 내용을 <head>와 </head>안쪽에 넣는다.
- <script language='JavaScript' type='text/javascript'>
- function resizeFrame(iframeObj){
- var innerBody = iframeObj.contentWindow.document.body;
- oldEvent = innerBody.onclick;
- innerBody.onclick = function(){ resizeFrame(iframeObj, 1);oldEvent; };
- var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
- iframeObj.style.height = innerHeight;
- if( !arguments[1] ) /* 특정 이벤트로 인한 호출시 스크롤을 그냥 둔다. */
- this.scrollTo(1,1);
- }
- </script>
iframe을 다음과 같이 넣는다.
--------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------
위와 같이 넣으면 ifrmae의 크기가 자동조절된답니다.
jQuery 이미지 슬라이드 오버시 큰이미지 보여주기 소스