jquery-cbiframesize-js

1.0.3 • Public • Published

jquery.cbiframesize.js

<概要>

ブラウザに表示させているiframe要素の高さをコンテンツの横幅(画面の横幅)に応じてアスペクト比を維持したまま伸縮させるjQueryプラグイン(リアルタイムリサイジング対応)

<実装方法>

1.外部ファイルを読み込む

jQueryと当プラグインをページに読み込む

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="jquery.cbiframesize.min.js"></script>

2.iframe要素

・高さを変更したいiframe要素に任意のidやclass属性を付与

・タグ内またはCSSでiframeのサイズを指定しておく

<iframe src="//example.com/" width="600" height="200" class="iframe-class">

3.プラグインを実行

jQueryのセレクタで高さを変更したいiframe要素を取得し、当プラグインの.cbIframeSize()メソッドを実行する

$(".iframe-class").cbIframeSize();

<デモ>

http://jsrun.it/maechabin/ryzq

<ライセンス>

MIT license

Readme

Keywords

none

Package Sidebar

Install

npm i jquery-cbiframesize-js

Weekly Downloads

1

Version

1.0.3

License

ISC

Last publish

Collaborators

  • maechabin