ã¤ãã‚‹ã¶ã‚¬ã‚¤ãƒ‰ãƒ–ãƒã‚°: Lightboxã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’カスタマイズã—ã¦ã¿ã‚ˆã†ï¼ˆå‰ç·¨ï¼‰ã“ã‚“ã«ã¡ã¯ã€HTML+CSS担当ã®å°æ£®ã§ã™ã€‚ スライドショーやサムãƒã‚¤ãƒ«ç”»åƒã®æ‹¡å¤§ã§ã‚ˆã見ã‹ã‘る「Lightboxã€ã®ãƒ©ã‚¤ãƒ–ラリ。 気軽ã«å–り入れられるライブラリã§ã‚‚ã‚ã£ã¦ã€ã™ã£ã‹ã‚Šå®šç€ã—ãŸæ„ŸãŒã‚ã‚Šã¾ã™ã。 今回ã¯ã“ã®Lightboxã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’カスタマイズã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Lightboxç³»ã®ãƒ©ã‚¤ãƒ–ラリã¯æœ¬å½“ã«ãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€ ã“ã“ã§ã¯ã€å®šç•ªã®å…ƒç¥–Lightboxを使用ã—ã¦ã¿ã¾ã™ã€‚ Lightbox 2（デモã‚り） http://www.huddletogether.com/projects/lightbox2/ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ§‹é€ HTMLソースをã®ãžã„ã¦ã¿ã‚‹ã¨ã€ã‚¯ãƒªãƒƒã‚¯ã‚’ã—ãŸã¨ãã« ç”»é¢å…¨ä½“を覆ã†åŠé€æ˜Žãƒ¬ã‚¤ãƒ¤ãƒ¼ï¼ˆid="overlay"） 拡大画åƒé…置レイヤー（id="lightbox"） ãŒJavaScriptã«ã‚ˆã£ã¦æç”»ã•ã‚Œã‚‹ã—ãã¿ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€æ‹¡å¤§ç”»åƒé…
第41回：Lightbox JS v2.0ã§ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’オーãƒãƒ¼ãƒ¬ã‚¤è¡¨ç¤ºã•ã›ã‚‹ï¼šï¼šè‡ªå®…サーãƒãƒ¼æ§‹ç¯‰ãƒ–ãƒã‚°
LightBoxã®ä½¿ã„æ–¹ã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³• | CSS Lecture
Lightbox Plus
{{#tags}}- {{label}}
{{/tags}}