こんにちは＾＾

マリンロード　佐藤です。

梅雨入りしましたねー。雨は降るし、湿気が多くてジメジメするいやーな季節ですが

私は以外と好きです。雨の日に傘をさしてお出かけしたくなります(＊´Д｀)ﾉ

さてさて久しぶりのスタッフブログなので張り切っていきまーす。

今回は便利なJqueryのプラグインをご紹介します。

私の備忘録としてですが。

CMSでアイキャッチとか画像を投稿したとき

画像のリサイズって悩むところですよね。

指定した要素の枠いっぱいに画像が表示できたら。。。。しかもアスペクト比を保ちながら。。。。。

うーん、どうしよう┐(‘～`;)┌

そんなとき私を助けてくれたのが

【imagefill.js】

使い方としては、

画像を囲う要素にwidth、heightをかけてjsを実行！！

注意点として

本体のJSとなるimagefill.jsと

jquery.imagesloaded.min.jsを一緒によみこんであげること！(こちらを先に記述してください)

本体だけだと動作しません。

また今回のプラグインは

画像をそのまま拡大・縮小するだけでなく

要素の大きさに応じてクロップ(はみ出した部分を非表示)にするものなんですねー。

これからどんどん使っていきましょう＼(б∀б*)／

以上佐藤でした☆