[JS]Lightboxã®é€²åŒ–å½¢ï¼ã‚¯ãƒªãƒƒã‚¯ã§ã‚‚タップã§ã‚‚å¿«é©å‹•ä½œã®ç”»åƒã‚’拡大表示ã•ã›ã‚‹è¶…軽é‡ã‚¹ã‚¯ãƒªãƒ—ト -Intense Imagesサムãƒã‚¤ãƒ«çœŸã‚“ä¸ã®é¢¨æ™¯å†™çœŸã¯ç¸¦é•· Intense Imagesã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ ※jQueryãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—トã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“。 <head> ... <script src='../intense.js'></script> </head> Step 2: HTML ç”»åƒã¯2種類ã®é…置方法ãŒã‚ã‚Šã¾ã™ã€‚ imgè¦ç´ ã¯ã‚µãƒ ãƒã‚¤ãƒ«ã¨æ‹¡å¤§æ™‚ã®ç”»åƒã‚’兼用ã—ã€data-image属性ã¯æ‹¡å¤§æ™‚ã«é«˜è§£åƒåº¦ã®ç”»åƒã‚’利用ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ <img src="./img/awesome-source.jpg" /> <!-- OR --> <div class="anything" data-image="./img/awesome-source.jpg" /> data-imageを使用ã™ã‚‹æ™‚ã¯ã€ã‚µãƒ ãƒã‚¤ãƒ«ã¯CSSã§èƒŒæ™¯ç”»åƒã¨ã—ã¦æŒ‡å®š
{{#tags}}- {{label}}
{{/tags}}