WordPressã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼æ©Ÿèƒ½ã‚’ã€å°‘ã—ã®jQueryコードã§Lightbox風ã«ãƒãƒƒãƒ—アップ出æ¥ã‚‹ã‚ˆã†ã«ã™ã‚‹ - ã‹ã¡ã³ã¨.netã“ã†ã„ã†ã‚„ã¤ã€‚記事ã®æŠ•ç¨¿ã§ [gallery] ã£ã¦æ›¸ãã ã‘ã§ãã®è¨˜äº‹å†…ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸç”»åƒãŒã‚°ãƒªãƒƒãƒ‰ã§ä¸¦ã¹ã‚‰ã‚Œã¾ã™ã€‚ãŸã ã€ã“ã®ã¾ã¾ã ã¨åˆ¥ã®ãƒšãƒ¼ã‚¸ã«æŒã£ã¦ã„ã‹ã‚Œã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã—ã¦ã¯è¦‹ã‚‹æ°—ã«ãªã‚Šã¾ã›ã‚“。 Sample ã“ã®è¨˜äº‹ã§å®Ÿè£…ã—ã¾ã—ãŸã€‚以下ã€ã‚µãƒ³ãƒ—ルã§ã™ã€‚ エフェクトもãªã„手抜ããªã‚‚ã®ã§ã™ãŒï½—ã¾ããŸã ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ç”¨ãªã®ã§ã”了承下ã•ã„。 以下ã€æ‰‹é †ã§ã™ã€‚ åã出ã•ã‚Œã‚‹HTMLを見ã¦ã¿ã‚‹ ショートコードを使ã†ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ãŒåã出ã•ã‚Œã¾ã™ã€‚ <style type='text/css'> #gallery-1 { margin: auto; } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%; } #gallery-1 img { border: 2
CSS Hazard | ã¨ã¦ã‚‚å±é™ºã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¨æ€ã„ã¾ã™
{{#tags}}- {{label}}
{{/tags}}