JavaScriptで画像を縦横比を維持しつつ指定サイズに丸める | @blog.justoneplanet.info
SVGやcanvasを使えば確かそのままトリミングもできた気がするが、別にそこまでしたくない用の関数。画像のオリジナルサイズを取得し計算する感じだ。面倒なのでjQueryを使う。 var frameWidth = 700; var frameHeight = 400; $('li').css({ "overflow" : "hidden" }); $('div.resize img').each(function(){ $(this).load(function(){ var nWidth = this.naturalWidth || getNaturalSize(this).width; var nHeight = this.naturalHeight || getNaturalSize(this).height; if(nHeight < nWidth * (frameHeight /
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ColdFusion Jedi
Quick Tip - Resizing Images Based On Browser Window Size | Build Internet!
Resize image like google
21 Amazing jQuery Images Galleries Sliders and Slideshows Plugins
jQuery Plugins - AjaxScroll - Demo
