jQueryã§å…¨ç”»é¢è¡¨ç¤ºã™ã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’作るãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«jQueryã§å…¨ç”»é¢è¡¨ç¤ºã™ã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’作るãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« 最近ã¯Flashã§ä½œã£ãŸã®ã‹ã¨æ€ã£ã¦ã—ã¾ã†ã‚ˆã†ãªjavascriptãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ã¡ã‚‰ã»ã‚‰è¦‹ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã。 ã“ã®è¨˜äº‹ã§ã¯ã‚ã¾ã‚Šå‡ã£ãŸã“ã¨ã‚’ã™ã‚‹ã¨å¤§å¤‰ã€ã€ã¨ã„ã†ã‹ä½œã‚Œã‚‹ã‚¹ã‚ルãŒãªã„ã®ã§ã€jQueryを使用ã—ãŸã‚·ãƒ³ãƒ—ルãªãƒ•ãƒ«ç”»é¢ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã®ä½œæˆæ–¹æ³•ã‚’ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«å½¢å¼ã§ãŠé€ã‚Šã„ãŸã—ã¾ã™ã€‚ 投稿日2011å¹´04月28æ—¥ æ›´æ–°æ—¥2011å¹´04月28æ—¥ ç”»åƒã®æº–備をã—よㆠギャラリーページãªã®ã§å½“然ã®ã“ã¨ãªãŒã‚‰ç”»åƒã¯æº–å‚™ã—ã¦ãŠãã¾ã—ょã†ã€‚ å°ã•ã„ç”»åƒï¼ˆã‚µãƒ ãƒã‚¤ãƒ«ï¼‰ã¨å¤§ãã„ç”»åƒã‚’用æ„ã—ã¾ã™ã€‚ å°ã•ã„ç”»åƒã¯100×67ã€å¤§ãã„ç”»åƒã¯ç”»é¢ã„ã£ã±ã„ã«è¡¨ç¤ºã™ã‚‹ã®ã§ãã“ãã“大ãã„ã®ã«ã—ã¾ã™ã€‚ ç”»åƒã‚µã‚¤ã‚ºãŒå¤‰ã‚ã£ã¦ã‚‚基本的ã«cssã‚’ä¿®æ£ã™ã‚‹ã ã‘ã§æ¸ˆã‚€ã‚ˆã†ã«ã—ã¾ã™ã€‚ html + cssを作æˆã—よㆠ連番画åƒã‚’jQueryã§é…ç½®ã—ã¦ã‚‚良ã‹ã£ãŸã®ã§ã™
jQueryプラグインを利用ã—ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã‚¯ãƒ¼ãƒ«ãªç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€Œleast.jsã€
Draggable Image Boxes Grid
Camera | a free jQuery slideshow by Pixedelic
{{#tags}}- {{label}}
{{/tags}}