スマフォã«ã‚‚対応・ディスプレイサイズã«è‡ªå‹•ã§å¹…調整ã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªjQueryイメージスライダー・Blueberryã©ã®ã‚ˆã†ãªãƒ‡ã‚£ã‚¹ãƒ—レイサイズã§ã‚‚自動㧠レイアウトを調整ã—ã¦ãれるレスãƒãƒ³ã‚·ãƒ–㪠イメージスライダーを実装出æ¥ã‚‹jQueryプ ラグイン・Blueberryã®ã”紹介ã§ã™ã€‚イメージ スライダーをå–り入れã¦ã„るサイトã¯å¤šã„ ã®ã§ã“ã†ã„ã†ã®ã¯åŠ©ã‹ã‚Šã¾ã™ã。 iPhoneç‰ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ã‚‚自動ã§ã‚µã‚¤ã‚ºã‚’調整ã—ã¦ãã‚Œã¾ã™ã€‚ç—’ã„ã¨ã“ã‚ã«æ‰‹ãŒå±Šãç³»ã§ã™ã。地味ã«ã‚ã‚ŠãŒãŸã„。 見ãŸç›®ã¯ã‚·ãƒ³ãƒ—ルãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒƒãƒ©ãƒªãƒ¼ã§ã™ã€‚ãŒã€é–²è¦§ã™ã‚‹ãƒ‡ã‚£ã‚¹ãƒ—レイã®ã‚µã‚¤ã‚ºã«ä¾å˜ã™ã‚‹äº‹ç„¡ãã€è‡ªå‹•ã§å¹…を調整ã€æœ€é©åŒ–ã—ã¦ãã‚Œã¾ã™ã€‚MediaQueryã¨ç›¸æ€§è‰¯ã•ãã†ã§ã™ã。 è¡¨ç¤ºç¢ºèª Media Queries Testerã§ã®ã‚ャプãƒãƒ£ã§ã™ã€‚ Mobilizerã§ã®ã‚ャプãƒãƒ£ã§ã™ã€‚ コード<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery
{{#tags}}- {{label}}
{{/tags}}