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
{{#tags}}- {{label}}
{{/tags}}