본문 바로가기

[IT/Programming]/HTML related

imgur - Embed album

반응형
# imgur - Embed album 앨범 만들어 놓으면 아래와 같이 embeding 할 수 있는 API 를 제공하긴 하는구나. CSS max-width:100% 같은거는 안먹혀서 responsible web 으로 만들긴 힘든듯도? 스마트폰에서 접속하면 parsing/rendering 이 다른식으로 이루어 질래나? 처음 로딩할때 width 체크해서 적당하게 만들어주긴 하는듯? ## TOC ## Embed imgur album 아무튼 코드는 아래와 같고. ```[.linenums.lang-html] <blockquote class="imgur-embed-pub" lang="en" data-id="a/6Q41Y" style="max-width:100%"><a href="https://imgur.com/a/6Q41Y">HARAGU</a></blockquote> <script src="https://s.imgur.com/min/embed.js" charset="utf-8"></script> ```/ blockquote 부분에 아래와 같이 나타남.
## Direct iframe Album URI | URL 에 /embed?pub=true&context=false 붙이면 direct 하게 iframe 으로 불러올 수 있는듯. ```[.linenums.lang-html] <div class="rC recoeve"><div class="rSC"> <iframe frameborder="0" scrolling="auto" allowtransparency="true" src="https://imgur.com/a/6Q41Y/embed?pub=true&context=false"></iframe> </div></div> ```/
## Recoeve.net 이용. 제가 만든 사이트 이용하기. URL 주소가 .jpg, .png, .gif 등 image file extension 형태면 자동으로 img tag 로 쏴 줌. https://imgur.com/a/6Q41Y 형태의 URL 주소도 자동으로 iframe album 으로 만들어줌. ```[.linenums.lang-html] <div class="rC recoeve"><div class="rSC"> <iframe delayed-src="https://recoeve.net/user/kipid?cat=%5BMusic%2FBreak%5D--Celebrities#headPlay"></iframe> </div></div> ```/
## RRA
  1. https://imgur.com/a/6Q41Y (하라구 사진 모음.)
  2. https://recoeve.net/user/kipid?cat=[Music/Break]--KARA--HARA--사진 (이건 내가 만든 서비스 Recoeve.net 에서 정리한 것. G 키 눌러서 목록 바로 볼 수 있고, 원하는 곳으로 바로 이동/Go 가능.)
반응형