[JS]lightboxã®é€²åŒ–å½¢ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã§ç”»åƒã‚’拡大表示ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -SuperBoxlightboxよりJavaScriptã¨ç”»åƒãƒãƒ¼ãƒ‰ã®ä¾å˜ã‚’å°‘ãªãã—ãŸã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã§ç”»åƒã‚’拡大表示ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ デモページ：幅780pxã§è¡¨ç¤º SuperBoxã®ä½¿ã„æ–¹ Step 1: 外部ファイル 「jquery.jsã€ã¨å½“スクリプト・スタイルシートを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <link href="css/style.css" rel="stylesheet"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/superbox.js"></script> Step 2: HTML ã¾ãšã¯ã€åŸºæœ¬æ§‹é€ ã§ã™ã€‚ HTML5ã®data属性ã§æ‹¡å¤§ã™ã‚‹ç”»åƒã‚’指定ã—ã€classã«ã€Œsuperbox-im
{{#tags}}- {{label}}
{{/tags}}