(JQuery) 아이프레임 자동 높이 조절(iframe auto height)

Sly777-Iframe-Height-Jquery-Plugin-afdf752.zip

<!--먼저 js 를 불러옴 --> <script type="text/javascript" src="/js/iframeheight.js"></script> <script type="text/javascript"> $(function(){      $('.iframe').iframeHeight({        resizeMaxTry         : 2,        resizeWaitTime       : 300,        minimumHeight        : 100,        defaultHeight        : 100,        heightOffset         : 90,        exceptPages          : "",        debugMode            : false,        visibilitybeforeload : true,        blockCrossDomain     : true,        externalHeightName   : "bodyHeight",        onMessageFunctionName: "getHeight",        domainName           : "*",        watcher              : true,          watcherTime          : 400      }); }); </script> <iframe class="iframe" src="/URL/url.html" frameborder="0" style="width:100%;"></iframe>

 

 

 

옵션중에 defaultHeight 를 기본적으로 지정해주고,

 

watcher 은 false 로 주면 빈공간이 생기는데 true로 주면 생기지 않는다..

​

또한 한페이지에 아이프레임이 2개인경우 셀렉터를 중복으로 설정했을때

​

오류가 난다... 한페이지에서 2개 이상의 아이프레임을 자동 높이 조절 하고 싶다면

​

아래 URL을 클릭해서 들어가보길 바란다 지금 보고 있는 플러그인보다 좀 더 사용 방법이 간편하다

​

http://blog.naver.com/PostView.nhn?blogId=qfwh&logNo=220246462409&categoryNo=16&parentCategoryNo=0&viewDate=&currentPage=1&postListTopCurrentPage=&userTopListOpen=true&userTopListCount=5&userTopListManageOpen=false&userTopListCurrentPage=1

[출처] (JQuery) 아이프레임 자동 높이 조절(iframe auto height)|작성자 푸른인연