[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ã§èƒŒæ™¯ç”»åƒã¨ã—ã¦æŒ‡å®š
OGPç”»åƒã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ | og:image Simulator
ãƒ‡ã‚¸ã‚¿ãƒ«ï¼ å‚™å¿˜éŒ² - FC2 BLOG パスワードèªè¨¼
Webサイトã§PNGを使ã†ã®ã¯éžå¸¸è˜ï¼ï¼Ÿ | poyosicom
Web屋ã•ã‚“やブãƒã‚¬ãƒ¼ã•ã‚“御用é”ãªç”»åƒç´ æサービスã¾ã¨ã‚（2011年秋版）｜男åãƒãƒƒã‚¯
ã±ããŸã - ãƒ•ãƒªãƒ¼å†™çœŸç´ æ・無料ダウンãƒãƒ¼ãƒ‰
見ãŸç›®ã¯ãã®ã¾ã¾ã§ã€JPEGç”»åƒã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’1/5ã«è»½é‡åŒ–ã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ス -JPEGmini | コリス
最é©ãªç”»åƒã®æ›¸ã出ã—ã¯ã€JPG, GIF, PNGã€ã©ã‚Œã‚’使ã†ã¹ãã‹
様々ãªèƒŒæ™¯ã«ä½¿ãˆã‚‹ãƒ†ã‚¯ã‚¹ãƒãƒ£ç”»åƒé›†ç·ã¾ã¨ã‚
Web製作者やブãƒã‚¬ãƒ¼ãªã‚‰ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯å¿…é ˆãªå€‹äººå•†ç”¨ãƒ•ãƒªãƒ¼ãª5ã¤ã®ç”»åƒã‚µãƒ¼ãƒ“ス * ç”·åãƒãƒƒã‚¯
商用OK・無料ã§ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆè¡¨è¨˜ã‚‚リンクもä¸è¦ï¼æ—¥æœ¬äººã®äººç‰©å†™çœŸç´ æサイト・モデルピース - ã‹ã¡ã³ã¨.net
favicon.ico（ファビコン）ã®ä½œã‚Šæ–¹ | IDEA*IDEA
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
{{#tags}}- {{label}}
{{/tags}}