クールãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãƒ©ã‚¤ãƒ–ラリ·Galleria MOONGIFTç”»åƒã‚’サイトã§ä¸€æ°—ã«ç´¹ä»‹ã—ãŸã„ã“ã¨ãŒã‚る。ãŸã ç”»åƒã®ã‚µãƒ ãƒã‚¤ãƒ«ã‚„リンクを並ã¹ã‚‹ã ã‘ã§ã‚‚良ã„ãŒã€ãã‚Œã§ã¯å‘³æ°—ãªã„。写真や画åƒã¯è¦‹ã›æ–¹æ¬¡ç¬¬ã§ãã®å°è±¡ãŒå¤§ããç•°ãªã‚‹ã€‚ 専用ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’使ã£ã¦ã‚‚良ã„ãŒã€ã‚‚ã£ã¨æ‰‹è»½ãªã®ã¯JavaScriptベースã®ãƒ©ã‚¤ãƒ–ラリã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯Galleriaã€JavaScriptã¨CSSを使ã£ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãƒ©ã‚¤ãƒ–ラリã 。 Galleriaã¯jQueryを使ã£ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãƒ©ã‚¤ãƒ–ラリã§ã€å°Žå…¥ãŒæ‰‹è»½ã§è¦‹ãŸç›®ã‚‚ã‹ã£ã“ã†ã‚ˆã仕上ã’ã‚‹ã“ã¨ãŒã§ãる。デモã¯äºŒã¤ç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€ä¸€ã¤ã¯ä¸‹ã«ã‚µãƒ ãƒã‚¤ãƒ«ã®ä¸€è¦§ã€ä¸Šã«ã‚¯ãƒªãƒƒã‚¯ã—ãŸç”»åƒã‚’表示ã—ã¦ã„る。 二ã¤ç›®ã¯å·¦å´ã«ä¸€è¦§ãŒã€å³å´ã«å¤§ããªç”»åƒãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€‚イメージタグã®title属性ã«è¨˜è¿°ã—ãŸå†…容ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã€ç”»åƒã”ã¨ã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’ã¤ã‘ã‚‹ã®ã‚‚ç°¡å˜ã 。マウスãŒå½“ãŸã£ãŸç”»åƒã ã‘明るã表示ã•ã‚ŒãŸã‚Šã€å†™çœŸã®åˆ‡
{{#tags}}- {{label}}
{{/tags}}