ã‚ãšã‹3STEPï¼èª°ã§ã‚‚ç°¡å˜ã«jQueryを使ã£ãŸLightboxギャラリーを作æˆå‡ºæ¥ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ»Jquery Photo Viewer - ã‹ã¡ã³ã¨.netãªã‹ãªã‹é¢ç™½ã„試ã¿ã ã£ãŸã®ã§ 備忘録。ç¾åœ¨æ•°å¤šãã®jQueryã‚’ 使用ã—ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒå˜åœ¨ã—ã€ãã® ä¸ã«ã¯å¤šãã®Lightbox風ギャラリー ãŒå˜åœ¨ã—ã¾ã™ã€‚今日ã€ã”紹介ã™ã‚‹ ã®ã¯ãã‚“ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’作æˆã™ã‚‹ ソフトウェアã§ã™ã€‚ jQueryを使用ã—ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’作æˆã™ã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã«ãªã‚Šã¾ã™ã。ã¡ã‚‡ã£ã¨ã“ã®ç™ºæƒ³ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ オンラインã®ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã§ã¯ãªãã€ãƒãƒ¼ã‚«ãƒ«ç’°å¢ƒã§å‹•ã‹ã™ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚使ã„方も凄ãç°¡å˜ã§ã™ã‚ˆã€‚ 言語も日本語ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ã‚ãšã‹3STEPã§ä½œæˆå‡ºæ¥ã¾ã™ã€‚ STEP.1 使ã„æ–¹ã¯DLページã«ã‚‚書ã„ã¦ã‚ã‚Šã¾ã™ãŒã€ç°¡å˜ã«ã”紹介。ãŠãらãç›´æ„Ÿã§ä½œæˆå‡ºæ¥ã¾ã™ã€‚ソフトウェアをDLã—ã¦ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã™ã‚‹ã¨ä¸Šè¨˜ç”»é¢ãŒç«‹ã¡ä¸ŠãŒã‚Šã¾ã™ã€‚ã“ã“ã«ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã«ã—ãŸã„ç”»åƒã‚’ドラッグ＆ドãƒãƒƒãƒ—ã—ã¦ã„ãã¾ã™ã€‚ STEP.2 ç”»åƒã‚’決ã‚ãŸã‚‰ã€ä¸Šéƒ¨ã®Publishをクリックã—ã¾ã™ã€‚ã™ã‚‹ã¨
CSS3グラデーション・角丸ã®ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’jQuery/CSS3/HTML5ã§ä½œæˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
{{#tags}}- {{label}}
{{/tags}}