iFrameの高さ(height)を自動的にiFrameで読み込むソースの内容によって可変してくれるスクリプト。
該当するhtmlファイルのソースには以下を足す必要がある。
- jQuery本体のスクリプト
- jquery.iframe-auto-height.plugin.jsのスクリプト
- 最後に下記のいずれか、もしくは組み合わせを記述する。
- jQuery(‘iframe’).iframeAutoHeight();ページ上の全てのiFrameをリサイズする。
- $(‘iframe.photo’).iframeAutoHeight();photoのクラスが指定されているiFrameをリサイズする。
- $(‘iframe’).iframeAutoHeight({heightOffset: 20});全てのiFrameをリサイズ+リサイズしたiFrameの下部に20ピクセルを足す(バッファーする)。
オリジナルのスクリプトはhttps://github.com/house9/jquery-iframe-auto-heightから。