CSS3ã«ã‚ˆã‚‹æ§˜ã€…ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒé¸æŠžå¯èƒ½ãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザイン対応イメージスライダーを実装ã™ã‚‹jQueryプラグイン・REFINESLIDE3Dやスライスãªã©ã€æ§˜ã€…ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ エフェクトを使用ã§ãã¦ã€ä¸”ã¤ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Webデザインã«ã‚‚対応å¯èƒ½ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ ダーを実装ã§ãã‚‹jQueryプラグインã®ã” 紹介。REFINESLIDEã¨ã„ã†ãƒ—ラグインã§ã™ã€‚ 覚ãˆã¦ãŠã„ã¦æã¯ç„¡ã„ã®ã§ã¯ã€‚ IEã§ã¯ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ã¿ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ãŒã€iPhoneã‚„iPadãªã©ã§ã¯css3ã«ã‚ˆã‚‹æ§˜ã€…ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’利用ã§ãã¾ã™ã€‚スマフォ用ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã£ã¦ã„ã†ã®ã‚‚手ã§ã™ã。 スマフォã¨ã‹ã«ã‚‚対応ã§ãã‚‹CSS3+jQueryãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã™ã€‚3Dãªæ„Ÿã˜ã®ã¨ã‹ã‚¹ãƒ©ã‚¤ã‚¹ã—ãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ç´ 敵ãªã‚‚ã‚ã‚Šã¾ã™ã®ã§ã‚¤ãƒ³ãƒ‘クトã¯ä¸Žãˆã‚‰ã‚Œãã†ã§ã™ã。 実機ã§å•é¡Œãªã動作ã—ã¾ã—ãŸã€‚ Sample 上記ã¯IE7ã§ã‚µãƒ³ãƒ—ルã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸéš›ã®çŠ¶æ…‹ã§ã™ã€‚赤ã„ラベルã¯ãã®ãƒ–ラウザã§ã¯éžå¯¾å¿œã€ã¨ã„ã†æ„味ã§ã™ã€‚ 以下ã€ãã®ã‚µãƒ³ãƒ—ルページã«ãªã‚Šã¾ã™ã€‚Chromeãªã‚‰å…¨
{{#tags}}- {{label}}
{{/tags}}