Nascent Plasticine Materialist

    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

    Keywords

    none

    Install

    npm i jquery-cbiframesize-js

    DownloadsWeekly Downloads

    8

    Version

    1.0.3

    License

    ISC

    Last publish

    Collaborators

    • maechabin