[B! jquery][Image] mimosafaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mimosafa id:mimosafa

jqueryã¨Imageã«é–¢ã™ã‚‹mimosafaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

${{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}}

Cropper - ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ã‚‚å¯¾å¿œã—ãŸç”»åƒåˆ‡ã‚ŠæŠœããƒ©ã‚¤ãƒ–ãƒ©ãƒª MOONGIFT
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ãƒ‡ã‚¸ã‚«ãƒ¡ã§æ’®å½±ã—ãŸå†™çœŸã¯æ¨ªé•·ã€ã¾ãŸã¯ç¸¦é•·ã§ã™ã€‚ãã‚Œã«å¯¾ã—ã¦Webã‚µãƒ¼ãƒ“ã‚¹ã®ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ã«ä½¿ã†ç”»åƒã¯å¤§æŠµæ£æ–¹å½¢ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ãã‚“ãªå†™çœŸã‚’è‡ªå‹•ã§åŠ å·¥ã™ã‚‹ã¨é¡”ã®ä¸€éƒ¨ãŒå‰Šã‚Œã¦ã—ã¾ã†å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ãã“ã§ãƒ¦ãƒ¼ã‚¶è‡ªèº«ã®æ‰‹ã§åˆ‡ã‚ŠæŠœãã—ã¦ã‚‚ã‚‰ã†ã®ãŒä¸€ç•ªã§ã™ã€‚ä»Šå›žã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ã‚‚å¯¾å¿œã—ãŸCropperã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Cropperã®ä½¿ã„æ–¹ Cropperã®ãƒ‡ãƒ¢ç”»é¢ã§ã™ã€‚å·¦å´ã®ç”»åƒãŒå…ƒç”»åƒã€åˆ‡ã‚ŠæŠœã„ãŸæ™‚ã®å„ã‚µã‚¤ã‚ºã®ç”»åƒãŒå³ã«ä¸¦ã‚“ã§ã„ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“åˆ‡ã‚ŠæŠœãéƒ¨åˆ†ã®ã‚µã‚¤ã‚ºã€ä½ç½®ã¯è‡ªç”±ã«å¤‰ãˆã‚‰ã‚Œã¾ã™ã€‚ ã‚¯ãƒãƒƒãƒ—ã—ãŸç”»åƒã€‚ ç”»åƒã‚µã‚¤ã‚ºã‚‚æŒ‡å®šã§ãã¾ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚‚å‹•ãã¾ã™ã€‚ ãƒãƒ³ãƒ‰ãƒ«éƒ¨åˆ†ã‚‚ã‚¹ãƒ ãƒ¼ã‚ºã«ã¤ã‹ã‚ã¾ã™ã€‚ Cropperã‚’ä½¿ãˆã°ãƒ¦ãƒ¼ã‚¶ã«è‡ªåˆ†ã®å†™çœŸã‚’ã‚¢ãƒƒãƒ—ã—ã¦ã‚‚ã‚‰ã£ãŸå¾Œã€ãã®ã¾ã¾ã™ãã«åˆ‡ã‚ŠæŠœãåŠ å·¥ã‚’è¡Œãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ã‹ã¤åˆ‡ã‚ŠæŠœã„ãŸç”»åƒã‚’ã‚µãƒ¼ãƒã«é€ã‚Œã‚‹ã®ã§ã€ã‚µãƒ¼ãƒå´ã§ã¯ç”»åƒãƒ©
mimosafa 2015/11/20
image

clip

jQuery
ãƒªãƒ³ã‚¯
jQueryéžåŒæœŸã€Image()ã§ç”»åƒèªã¿è¾¼ã¿è¡¨ç¤ºï½œjqueryï½œPOPSãƒ–ãƒã‚°ï½œPOPS WEB KOUBOU
jQueryã§ã€ç”»åƒèªã¿è¾¼ã¿è¡¨ç¤ºã«ã¯è‰²ã€…ãªæ–¹æ³•ã¯ã‚ã‚Šã¾ã™ãŒã€javascriptã® new Image()ã‚’ä½¿ç”¨ã—ã¦è¡¨ç¤ºã•ã›ã‚‹ä¾‹ãŒå¤šã„ã‚ˆã†ã§ã™ã€‚ new Image()ã§ã®ã€ç”»åƒèªã¿è¾¼ã¿è¡¨ç¤º jQueryã§ã€ç”»åƒèªã¿è¾¼ã¿è¡¨ç¤ºã«ã¯è‰²ã€…ãªæ–¹æ³•ã¯ã‚ã‚Šã¾ã™ãŒã€javascriptã® new Image()ã‚’ä½¿ç”¨ã—ã¦è¡¨ç¤ºã•ã›ã‚‹ä¾‹ãŒå¤šã„ã‚ˆã†ã§ã™ã€‚ãƒãƒƒãƒˆã§èª¿ã¹ã‚Œã°æ²¢å±±ã®æƒ…å ±ãŒã‚ã‚Šã¾ã™ãŒã€ç§ã®å ´åˆã®çµŒé¨“ã‚’è¸ã¾ãˆã¦è¨˜è¿°ã—ã¾ã™ã€‚ Image()ãŒä½¿ç”¨ã•ã‚Œã‚‹ç†ç”±ã¯ã€ 1. è¡¨ç¤ºã‚µã‚¤ã‚ºã§ã¯ãªãç”»åƒã®å®Ÿå¯¸ã‚’å¾—ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ 2. ç”»åƒã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã€ãƒãƒ¼ãƒ‰å®Œäº†ã‚’çŸ¥ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ 3. ERRORã®å ´åˆã®å‡¦ç†ãŒã§ãã‚‹ã€‚(ä½™ã‚Šä½¿ç”¨ã¯ã•ã‚Œã¦ã„ãªã„ãŒã€ã€) 4. Loadingä¸ã®ã€ŒLoadingç”»åƒã€ãªã©è¡¨ç¤ºã•ã›ã‚‹æ™‚ã«ä¾¿åˆ©ã€‚ 5. jQueryã§ç”»åƒã®ãƒãƒ¼ãƒ‰ã«é©ã—ãŸãƒ¡ã‚½ãƒƒãƒ‰ãŒãªã„ã€‚(ã»ã¨ã‚“ã©ãŒã€html text ãª
mimosafa 2014/06/18
javascript

jQuery

loading

image

onload

ç”»åƒ
ãƒªãƒ³ã‚¯
ã‚³ãƒ³ãƒ†ãƒŠã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ç”»åƒã‚’ãƒ•ã‚£ãƒƒãƒˆã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»imagefill.js - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…å®¹ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ã‚³ãƒ³ãƒ†ãƒŠã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦è‡ªå‹•çš„ã«ç”»åƒã‚’ãƒ•ã‚£ãƒƒãƒˆã•ã›ã‚‹ã€ã¨ã„ã†ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã”ç´¹ä»‹ã§ã™ã€‚jQueryã«ä¾å˜ã—ã¦ã„ã¾ã™ã€‚RWDãªã‚“ã‹ã¨ç›¸æ€§è‰¯ã•ãã†ã§ã™ãã€‚ ã‚³ãƒ³ãƒ†ãƒŠã«åˆã‚ã›ã¦ãƒ•ã‚£ãƒƒãƒˆã•ã›ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã€‚ä¼¼ãŸã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯æ—¢å˜ã—ã¾ã™ã®ã§é¸æŠžè‚¢ã®ä¸€ã¤ã¨ã—ã¦ã€‚ ã‚µã‚¤ã‚ºã«å¿œã˜ã¦è‡ªå‹•ã§ãƒ•ã‚£ãƒƒãƒˆã•ã›ã¾ã™ã€‚ â†‘ ã“ã‚“ãªæ„Ÿã˜ã€‚ $('.foo').imageFill(); åŸºæœ¬çš„ã«ã¯ã‚³ãƒ³ãƒ†ãƒŠã‚’ã‚»ãƒ¬ã‚¯ã‚¿ã¨ã—ã¦æŒ‡å®šã™ã‚‹ã ã‘ã€‚ <div class="foo"> <img src="bar.png"> </div> ãã®ã‚³ãƒ³ãƒ†ãƒŠã®ä¸ã«ç”»åƒã‚’å«ã‚ã¾ã™ã€‚æ¥½ã§ã„ã„ã§ã™ãã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯MITã¨GPLã®ãƒ‡ãƒ¥ã‚¢ãƒ«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¨ãªã£ã¦ã„ã¾ã™ã€‚è©³ç´°ã¯ä»¥ä¸‹ã«ã¦ã€‚ imagefill.js
mimosafa 2013/12/18
jQuery

plugin

image

fill
ãƒªãƒ³ã‚¯
èƒŒæ™¯ç”»åƒã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ãƒ–ãƒ©ã‚¦ã‚¶å¹…ã«åˆã‚ã›ã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒWallpaperã€ â€“ bl6.jp
Wallpaperã¨ã„ã†jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ãˆã°èƒŒæ™¯ç”»åƒã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ãƒ–ãƒ©ã‚¦ã‚¶å¹…ã«åˆã‚ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶å¹…ã‚’ç¸®å°ã—ãŸã‚Šæ‹¡å¤§ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€ãã®ã‚µã‚¤ã‚ºã«æœ€é©åŒ–ã•ã‚ŒãŸé…ç½®ã«èª¿æ•´ã•ã‚Œã‚‹ã®ã§ã„ã‚ã‚“ãªãƒ‡ãƒã‚¤ã‚¹ã§è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ãã€‚ã¨ã¦ã‚‚ä¾¿åˆ©ãªã®ã§è¦šãˆã¦ãŠããŸã„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ [ads_center] Wallpaperã®ä½¿ã„æ–¹ ã“ã®ã‚ˆã†ã«ãƒ–ãƒ©ã‚¦ã‚¶å¹…ã®ã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦èƒŒæ™¯ç”»åƒã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒèª¿æ•´ã•ã‚Œã¾ã™ã€‚ ä»¥ä¸‹ã¯ç¸®å°æ™‚ã€‚ ä½¿ã„æ–¹ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãã€‚ $("#element").wallpaper({ source: "path/to/image.jpg" }); Wallpaper
mimosafa 2013/11/13
jQuery

plugin

background

image

èƒŒæ™¯

responsive
ãƒªãƒ³ã‚¯
è¦ç´ ã®èƒŒæ™¯ç”»åƒã‚’ä¼¸ç¸®ã—ã¦ãã‚Œã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«å¿…æºã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒWallpaperã€:phpspoté–‹ç™ºæ—¥èªŒ
Wallpaper/Projects/Ben Plum è¦ç´ ã®èƒŒæ™¯ç”»åƒã‚’ä¼¸ç¸®ã—ã¦ãã‚Œã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«å¿…æºã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒWallpaperã€ divç‰ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«è¨å®šã—ãŸèƒŒæ™¯ãŒè‡ªç„¶ã«è‡ªå‹•ä¼¸ç¸®ã•ã‚Œã¦ã„ã„æ„Ÿã˜ã«ã—ã¦ãã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦ã¯ã›ã£ã‹ãã‚«ãƒƒã‚³ã‚ˆãè¨å®šã—ãŸèƒŒæ™¯ç”»åƒãŒå°ç„¡ã—ã«ãªã‚‹ã“ã¨ãŒã“ã‚Œã¾ã§ã‚‚ã‚ã‚Šã¾ã—ãŸãŒã€ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã‚‚ã†ãã†ã„ã£ãŸã“ã¨ã¯ãªããªã‚Šãã†ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚µã‚¤ãƒˆæ§‹é€ ä½œæˆç”¨ã®è»½é‡CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒLayers CSSã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã‚¿ãƒƒãƒãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒGlide.jsã€ ã‚¯ãƒã‚¹ç’°å¢ƒã§å‹•ä½œã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒFerroSliderã€ ã‚¿ãƒƒãƒãŒã§ãã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚«ãƒ«ãƒ¼ã‚»ãƒ«å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒOwl Carou
mimosafa 2013/11/08
jQuery

èƒŒæ™¯ç”»åƒ

background

image
ãƒªãƒ³ã‚¯
[JS]ã‚µã‚¤ã‚ºãŒä¸æ˜Žãªç”»åƒã‚’æŒ‡å®šã—ãŸã‚¨ãƒªã‚¢ã«ãƒ•ã‚£ãƒƒãƒˆã•ã›ãŸã‚Šã€é…ç½®ã‚’èª¿æ•´ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Image Scale
ç”»åƒã®é•·ã„è¾ºã«åˆã‚ã›ã¦ã€ãƒ•ã‚£ãƒƒãƒˆ Image Scaleã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« headå†…ã«jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script src="jquery.js" type="text/javascript"></script> <script src="image-scale.js" type="text/javascript"></script> </head> Step 2: HTML å¤§ãã•ã‚’èª¿æ•´ã—ãŸã„ç”»åƒã«ã€Œclass=scaleã€ã‚’åŠ ãˆã¾ã™ã€‚ <div class="image-container"> <img class="scale" src="img/example.jpg"> </div> ã•ã‚‰ã«ã€ç”»åƒã®ä½ç½®ãªã©ã‚’è¨å®šã™ã‚‹å ´åˆã¯dataå±žæ€§ã‚’åŠ ãˆã¾ã™ã€‚ <div class="image-c
mimosafa 2013/08/21
jQuery

ç”»åƒ

image
ãƒªãƒ³ã‚¯
ã‚³ãƒ³ãƒ†ãƒŠã«ç”»åƒã‚’ãƒ•ã‚£ãƒƒãƒˆã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œimagefill.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
imagefill.js | Project Page ã‚³ãƒ³ãƒ†ãƒŠã«ç”»åƒã‚’ãƒ•ã‚£ãƒƒãƒˆã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œimagefill.jsã€ HTMLã®æŒ‡å®šã—ãŸä½ç½®ã«ç”»åƒã‚’ãƒ•ã‚£ãƒ«ã•ã›ãŸã„å ´åˆã«ä½¿ãˆã¾ã™ã€‚ æ¬¡ã®ã‚ˆã†ã«ã€ç”»åƒã‚’ç‰¹å®šã‚µã‚¤ã‚ºã®ãƒ–ãƒãƒƒã‚¯ã«é©åº¦ã«æ‹¡å¤§ã•ã›ã¦ãŠã•ã‚ã‚‰ã‚Œã¾ã™ã€‚ ãã‚Œç”¨ã®ç”»åƒã‚’ä½œã‚‹å¿…è¦ã¯ã‚‚ã†ãªãã€å‹•çš„ã«ãƒ•ã‚£ãƒƒãƒˆã•ã›ã‚‰ã‚Œã‚‹ã¨ã„ã†ã®ã¯ä¾¿åˆ©ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚ä½¿ãˆã¾ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª è£½å“ç”»åƒç‰ã®ã‚ºãƒ¼ãƒ ãŒéžå¸¸ã«ç°¡å˜ã«è¡Œãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒImage Zoomã€ ç”»åƒã®ã‚«ãƒ¼ã‚½ãƒ«ä½ç½®ã‚’æ‹¡å¤§ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œmlensã€ ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã ã‘ã®ç°¡å˜æ“ä½œã§ç”»åƒã‚’ã‚ºãƒ¼ãƒ ã§ãã¦ä¾¿åˆ©ãªã€ŒjQuery Zoomã€
mimosafa 2013/08/09
jQuery

ç”»åƒ

ãƒ•ã‚£ãƒƒãƒˆ

Image

ãƒªã‚µã‚¤ã‚º

img
ãƒªãƒ³ã‚¯
ç”»åƒhoveræ™‚ã«ãƒ†ã‚ã‚¹ãƒˆç‰ã‚’è¡¨ç¤ºã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ â€“ creamu
jQuery ContentHover Pluginã¯ã€ç”»åƒhoveræ™‚ã«ãƒ†ã‚ã‚¹ãƒˆç‰ã‚’è¡¨ç¤ºã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ è£œè¶³æƒ…å ±ã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«è¦‹ã›ã‚‹å½¢ã¨ã—ã¦ã€çœã‚¹ãƒšãƒ¼ã‚¹ã§åŠ¹æžœçš„ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚æ°—ãŒåˆ©ã„ã¦ã„ã¦ã€é€éŽåº¦ãªã©ã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ jQuery ContentHover Plugin
mimosafa 2012/01/20
plugin

jquery

text

hover

image
ãƒªãƒ³ã‚¯
[JS]èƒŒæ™¯ç”»åƒã‚„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã„ã£ã±ã„ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Vegas
å†™çœŸç”»åƒã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã„ã£ã±ã„ã«è¡¨ç¤ºã—ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«ãƒ•ãƒ«è¡¨ç¤ºã®èƒŒæ™¯ç”»åƒã‚„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’è¨ç½®ã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‰ãƒƒãƒˆãƒ™ãƒ¼ã‚¹ã®ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ç”¨ã®ç”»åƒãŒæ•°å¤šãç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ç”»åƒã«ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆã‚‹ã“ã¨ã‚‚ç°¡å˜ã«ã§ãã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ã‚µãƒ ãƒã‚¤ãƒ«ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€å†™çœŸç”»åƒãŒå¤‰æ›´ã•ã‚Œã¾ã™ã€‚ Vegasã®å®Ÿè£… å¤–éƒ¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆ ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="/vegas/jquery.vegas.js"></script> ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚‚ã‚ã‚‰ã‹ã˜ã‚ç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <link rel="st
mimosafa 2011/05/23
jquery

plugin

background

image

slideshow
ãƒªãƒ³ã‚¯
1