エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
jQuery 親要素のサイズに合わせて画像をリサイズしてフィットさせるプラグイン
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
jQuery 親要素のサイズに合わせて画像をリサイズしてフィットさせるプラグイン
親要素のサイズに合わせて画像をリサイズしてフィットさせるプラグインは既存のものをいくつか試したの... 親要素のサイズに合わせて画像をリサイズしてフィットさせるプラグインは既存のものをいくつか試したのですが、不具合が発生したり理想通りにならなかったので自作しました。ということでご紹介です。 サンプル まずは「サンプル」からご覧ください。 サンプルでは640×340ピクセルの画像と320×640ピクセルの画像を100×100ピクセルの親要素(div)にフィットさせています。 概要を説明すると、 ・親要素にcss[overflow: hidden;]を指定 ・親要素と画像のサイズを取得して、画像が親要素の中央になるようにcss[position]で左または上にずらす ということを行っています。 HTML jQuery本体とプラグインを読み込みます。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.mi