é€æ˜Žåº¦ã‚’利用ã—ãŸãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ãƒ—ラグイン「jquery-opacity-rollover.jsã€ã‚’使ã„ã‚„ã™ãã—ã¦ã¿ãŸä»¥å‰ä½œæˆã—ãŸã€é€æ˜Žåº¦ã‚’利用ã™ã‚‹ã ã‘ã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ãƒ—ラグインã€ãれを少ã—使ã„ã‚„ã™ã„よã†ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã„ãŸã—ã¾ã—ãŸã€‚ 今回ã¯å°‘ã—カスタマイズã—ã‚„ã™ã„よã†ã«ã—ãŸã®ã¨ã€æ©Ÿèƒ½ã‚’ã²ã¨ã¤è¿½åŠ ã—ã¦ã¿ã¾ã—ãŸã€‚ ※追記（09/07/24） 若干修æ£ã—ã€2.1ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚ （今ã¾ã§ã®ã§ã‚‚å•é¡Œãªã動作ã—ã¾ã™ã€‚） ダウンãƒãƒ¼ãƒ‰ プラグインã¯jQueryã¨ä¸‹è¨˜ãƒ—ラグインを一緒ã«ä½¿ã£ã¦ãã ã•ã„。 opacity-rollover2.1.js é€æ˜Žåº¦ã‚’利用ã—ãŸãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ ã“ã‚Œã¯ä»¥å‰ã¨åŒã˜é€šå¸¸ã®ä½¿ã„方。マウスãŒç”»åƒã®ä¸Šã«ã®ã‚‹ã¨ã€ç”»åƒã®è‰²ãŒè–„ããªã‚‹ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã€‚ ■使ã„æ–¹ $('#over1').opOver(); é©å¿œã•ã›ãŸã„セレクタを指定ã—ã€opOver()ã§é©å¿œã•ã›ã‚‹ã€‚ ■サンプルプレビュー ã“ã‚Œã ã‘ã§ã‚‚å分使ãˆã‚‹ã¨æ€ã‚ã‚Œã¾ã™ã€‚ç”»åƒã‚’複数用æ„ã—ãªãã¨ã‚‚ã€è‰²ã®æ¿ƒã„ç”»åƒã‚’用æ„ã™ã‚‹ã ã‘ã§ç”»åƒãŒå¤‰ã‚
meca.js
JavaScriptを使ã‚ãšã«ã‚„ã‚‹imgè¦ç´ ã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚µãƒ³ãƒ—ル
SimpleBits | CSS Photo Zoom
Hoverbox Image Gallery
ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚’ç°¡å˜ã«å®Ÿè£…ã™ã‚‹-Image Rollover Code--JavaScript Library Archive
{{#tags}}- {{label}}
{{/tags}}