[B! jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³][image] beth321ã®ãƒ

beth321 id:beth321

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨imageã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

[JS]ã‚µã‚¤ã‚ºãŒä¸æ˜Žã§ãƒãƒ©ãƒãƒ©ãªè¤‡æ•°ã®ç”»åƒã‚’æŒ‡å®šã‚µã‚¤ã‚ºã«ãƒ•ã‚£ãƒƒãƒˆã•ã›ã¦é…ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -ImageFit
ã‚µã‚¤ã‚ºãŒä¸æ˜Žã§ãƒãƒ©ãƒãƒ©ãªè¤‡æ•°ã®ç”»åƒã‚’æŒ‡å®šã‚µã‚¤ã‚ºã«ãƒˆãƒªãƒŸãƒ³ã‚°ã—ã¦é…ç½®ã—ãŸã‚Šã€ç”»åƒå…¨ä½“ãŒåŽã¾ã‚‹ã‚ˆã†ã«é…ç½®ã™ã‚‹ã“ã¨ã‚‚ã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ImageFit ImageFit -GitHub ImageFitã®ãƒ‡ãƒ¢ ImageFitã®ä½¿ã„æ–¹ ImageFitã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯ã‚µã‚¤ã‚ºãŒãƒãƒ©ãƒãƒ©ãªç”»åƒãŒ6æžšã€ãã‚Œãžã‚ŒåŒã˜ã‚µã‚¤ã‚ºã®çŸ©å½¢ã«é…ç½®ã—ã¾ã™ã€‚ ä¸‹ã®ã‚ãƒ£ãƒ—ãƒãƒ£ã¯åŒã˜ã‚µã‚¤ã‚ºã®ç”»åƒã®ã‚ˆã†ã«è¦‹ãˆã¾ã™ãŒã€æ—¢ã«ãƒˆãƒªãƒŸãƒ³ã‚°ã—ã¦é…ç½®ã•ã‚ŒãŸçŠ¶æ…‹ã§ã™ã€‚
beth321 2014/01/17
è‡ªå‹•

()

jQuery

ç”»åƒ

ãƒˆãƒªãƒŸãƒ³ã‚°

javascript

ã‚µã‚¤ã‚º

JS

image

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚³ãƒ³ãƒ†ãƒŠã«ç”»åƒãŒã´ã£ãŸã‚ŠåŽã¾ã‚‹ã‚ˆã†ã«ç”»åƒã®ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»imgLiquid - ã‹ã¡ã³ã¨.net
ç”»åƒã‚’åŒ…æ‹¬ã—ãŸã‚³ãƒ³ãƒ†ãƒŠã« ãã®ç”»åƒãŒã´ã£ãŸã‚ŠåŽã¾ã‚‹ ã‚ˆã†ã«ã‚µã‚¤ã‚ºã‚’èª¿æ•´ã™ã‚‹ã€ ã¨ã„ã†jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ å¿…è¦ã«ãªã‚‹ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“ ãŒã€éœ€è¦ã¯ã‚ã‚Šãã†ã€‚ ã‚³ãƒ³ãƒ†ãƒŠä¸€æ¯ã«ç”»åƒã‚’è¡¨ç¤ºã•ã›ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã€‚ ä¸ŠãŒä½¿ç”¨ã—ãŸçŠ¶æ…‹ã€ä¸‹ãŒæœªä½¿ç”¨ã§ã™ã€‚ä¸‹ã¯ã‚³ãƒ³ãƒ†ãƒŠã«éš™é–“ãŒã‚ã‚‹ã®ã«å¯¾ã—ã€ä¸Šã¯ã‚³ãƒ³ãƒ†ãƒŠã«éš™é–“ç„¡ãç”»åƒãŒåŽã¾ã£ã¦ã„ã¾ã™ã€‚ç”»åƒã‚’ãƒ¡ã‚¤ãƒ³ã¨ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªWebã‚µã‚¤ãƒˆãªã©ã«ã‚‚è‰¯ã•ãã†ã§ã™ã€‚ ã‚³ãƒ¼ãƒ‰ <script src="https://ajax.google apis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> <script src ="imgLiquid-min.js" type="text/javascript"></script> ã‚³ã‚¢ã¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ $
beth321 2012/11/08
**ã‚ã¨ã§

jquery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ç”»åƒ

webåˆ¶ä½œ

plugin

ã‚µã‚¤ã‚º

javascript

image
ãƒªãƒ³ã‚¯
[JS]å¤§é‡ã®ç”»åƒã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ä¾¿åˆ©ï¼ ã‚µãƒ ãƒã‚¤ãƒ«ã‚’è‡ªå‹•ç”Ÿæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -NailThumb
å¤§ãã„ã‚µã‚¤ã‚ºã®ç”»åƒã‹ã‚‰ã€ã‚¯ãƒãƒƒãƒ—ã‚„ãƒªã‚µã‚¤ã‚ºãªã©ã—ã¦å°ã•ã„ã‚µã‚¤ã‚ºã®ã‚µãƒ ãƒã‚¤ãƒ«ã‚’è‡ªå‹•ç”Ÿæˆã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚µãƒ ãƒã‚¤ãƒ«ã¯ãƒ†ã‚ã‚¹ãƒˆé…ç½®ã‚„ã•ã¾ã–ã¾ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ jQuery NailThumb [ad#ad-2] NailThumbã®ãƒ‡ãƒ¢ NailThumbã®ä½¿ã„æ–¹ NailThumbã®ãƒ‡ãƒ¢ NailThumbã¯å…ƒç”»åƒã®ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’ç¶æŒã—ãŸã¾ã¾ã€ã‚¯ãƒãƒƒãƒ—ã‚„ãƒªã‚µã‚¤ã‚ºã‚’ã—ã¦ã‚µãƒ ãƒã‚¤ãƒ«ã‚’ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ç”Ÿæˆã—ã¾ã™ã€‚ ã‚µãƒ ãƒã‚¤ãƒ«ã¯ã•ã¾ã–ã¾ãªãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ ãƒ†ã‚ã‚¹ãƒˆã‚’ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã§è¡¨ç¤ºã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ NailThumbã®ä½¿ã„æ–¹ NailThumbã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¯ã€ã‚µãƒ ãƒã‚¤ãƒ«ç”¨ã®ã‚³ãƒ³ãƒ†ãƒŠã¨ã‚µãƒ ãƒã‚¤ãƒ«ã®ã‚µã‚¤ã‚ºè¨å®šã§ã™ã€‚ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/
beth321 2012/04/13
jQuery

javascript

ç”»åƒ

Webãƒ‡ã‚¶ã‚¤ãƒ³

js

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

css

webåˆ¶ä½œ

image

plugin
ãƒªãƒ³ã‚¯
[JS]ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®èƒŒæ™¯ç”»åƒã®ã‚µã‚¤ã‚ºã‚’è‡ªå‹•çš„ã«è¡¨ç¤ºã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦æœ€é©åŒ–ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jQuery Anystretch
ãƒšãƒ¼ã‚¸ä¸Šã®ã•ã¾ã–ã¾ãªãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«ã®è¦ç´ ã®èƒŒæ™¯ã«è¨å®šã—ãŸç”»åƒã®ã‚µã‚¤ã‚ºã‚’è‡ªå‹•çš„ã«ã€è¡¨ç¤ºã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦æœ€é©åŒ–ã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…480pxã§è¡¨ç¤º Anystretchã®ä½¿ã„æ–¹ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ãƒšãƒ¼ã‚¸ã®ä¸‹ã€</body>ã®ä¸Šã‚ãŸã‚Šã«è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="https://ajax.google apis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="/jquery.anystretch.min.js"></script> HTML HTMLã®è¨˜è¿°ã¯é€šå¸¸é€šã‚Šã§ã™ã€‚ä¸‹è¨˜ã¯ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã®ä¸€ç•ªä¸Šã®ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ â€»jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿ã§èƒŒæ™¯ã‚’è¡¨
beth321 2012/03/05
-jQuery

button

Ajax

jQuery

jquery

javascript

js

èƒŒæ™¯ç”»åƒ

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

image
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (21)

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨imageã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬4é€±ï¼‰

ã€Œã‚ã¨ã§èªã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èªã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (21)

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨imageã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

[JS]ã‚µã‚¤ã‚ºãŒä¸æ˜Žã§ãƒãƒ©ãƒãƒ©ãªè¤‡æ•°ã®ç”»åƒã‚’æŒ‡å®šã‚µã‚¤ã‚ºã«ãƒ•ã‚£ãƒƒãƒˆã•ã›ã¦é…ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -ImageFit

ã‚³ãƒ³ãƒ†ãƒŠã«ç”»åƒãŒã´ã£ãŸã‚ŠåŽã¾ã‚‹ã‚ˆã†ã«ç”»åƒã®ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»imgLiquid - ã‹ã¡ã³ã¨.net

[JS]å¤§é‡ã®ç”»åƒã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ä¾¿åˆ©ï¼ ã‚µãƒ ãƒã‚¤ãƒ«ã‚’è‡ªå‹•ç”Ÿæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -NailThumb

[JS]ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®èƒŒæ™¯ç”»åƒã®ã‚µã‚¤ã‚ºã‚’è‡ªå‹•çš„ã«è¡¨ç¤ºã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦æœ€é©åŒ–ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jQuery Anystretch

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬4é€±ï¼‰

ã€Œã‚ã¨ã§èª­ã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èª­ã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (21)

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨imageã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

[JS]ã‚µã‚¤ã‚ºãŒä¸æ˜Žã§ãƒãƒ©ãƒãƒ©ãªè¤‡æ•°ã®ç”»åƒã‚’æŒ‡å®šã‚µã‚¤ã‚ºã«ãƒ•ã‚£ãƒƒãƒˆã•ã›ã¦é…ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -ImageFit

ã‚³ãƒ³ãƒ†ãƒŠã«ç”»åƒãŒã´ã£ãŸã‚ŠåŽã¾ã‚‹ã‚ˆã†ã«ç”»åƒã®ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»imgLiquid - ã‹ã¡ã³ã¨.net

[JS]å¤§é‡ã®ç”»åƒã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ä¾¿åˆ©ï¼ ã‚µãƒ ãƒã‚¤ãƒ«ã‚’è‡ªå‹•ç”Ÿæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -NailThumb

[JS]ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®èƒŒæ™¯ç”»åƒã®ã‚µã‚¤ã‚ºã‚’è‡ªå‹•çš„ã«è¡¨ç¤ºã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦æœ€é©åŒ–ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jQuery Anystretch

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬4é€±ï¼‰

ã€Œã‚ã¨ã§èªã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èªã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹