[JS]Lightboxã®é€²åŒ–å½¢ï¼æ“作性ãŒå¿«é©ã§ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚ã´ã£ãŸã‚Šãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¹ã‚¯ãƒªãƒ—ト -Stripスマホãªã©ã®å°ã•ã„スクリーンã§ã¯æ˜”ã‹ã‚‰ã‚ã‚‹Lightbox風ã®ä½“験を与ãˆã€ã‚ˆã‚Šå¤§ãã„スクリーンã§ã¯ãƒšãƒ¼ã‚¸ä¸Šã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®ã‚¹ãƒšãƒ¼ã‚¹ã‚’残ã™ã‚ˆã†è¨è¨ˆã•ã‚ŒãŸã€ç”»åƒã‚„動画をアニメーションã§æ‹¡å¤§è¡¨ç¤ºã•ã›ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ フラットãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚相性ãŒéžå¸¸ã«ã‚ˆãã€æ“作も快é©ã§ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆã§ã™ï¼ ã—ã‹ã‚‚ã€IE7+ã«ã‚‚対応。 Strip Strip -GitHub Stripã®ãƒ‡ãƒ¢ Stripã®ä½¿ã„æ–¹ Stripã®ãƒ‡ãƒ¢ デモã¯Chrome, Safari, Firefox, Opera, IEã¯7+ã€iOS5+, Android3+ã§ã”覧ãã ã•ã„。 å„ç”»åƒã‚’クリック・タップã™ã‚‹ã¨ã€æ‹¡å¤§ç”»åƒãŒã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 拡大時ã¯ãã®ã¾ã¾ä»–ã®ç”»åƒã‚‚表示ã§ãるギャラリー機能ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ デモ：幅780pxã§è¡¨ç¤º スライド表示ã•ã›ã‚‹ã®ã¯ç”»åƒã ã‘ã§ãªãã€YouTubeã‚„Vimeoãªã©
![[JS]Lightboxã®é€²åŒ–å½¢ï¼æ“作性ãŒå¿«é©ã§ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚ã´ã£ãŸã‚Šãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¹ã‚¯ãƒªãƒ—ト -Strip](https://cdn-ak-scissors.b.st-hatena.com/image/square/b4b391a890221ac5696699ef145a5921c27e5824/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014100601-01.png)
[JS]モーダルボックスを実装ã™ã‚‹ã‚·ãƒ³ãƒ—ルãªã‚¹ã‚¯ãƒªãƒ—ト -jQuery modalBox
ColorBox - ãƒãƒƒãƒ—アップ内を自由ã«è¨å®šã§ãã‚‹æ´»ã‹ã—ãŸjQuery
{{#tags}}- {{label}}
{{/tags}}