이미지 부분만 보여주기...

Javascript 와는 큰 연관...이 있긴 하지만,
... style 태그와 깊은 연관이 있지만서도... 일단 올려본다.

...

<DIV style="WIDTH: 500px; HEIGHT: 50px; OVERFLOW: hidden"><IMG src="https://t1.daumcdn.net/cfile/tistory/1729130C4AA9203B04"></DIV><br />
<br />
<DIV style="WIDTH: 500px; BACKGROUND: url(https://t1.daumcdn.net/cfile/tistory/1729130C4AA9203B04) 0px -10px; HEIGHT: 50px; OVERFLOW: hidden"></DIV><br />

...

...

이미지의 위치를 위로 10px 올린 내용인데...

이런 내용일 써먹기 좋은 것이 "많은 아이콘 한꺼번에 보여주기"를 할 때...

...

... 솔찍히 불편하다.

태그가 복잡해지고, (그냥 잘라서 쓰는게 났겠다...하는 생각이 들 정도...)

background 를 써서 보여줬기 때문에 href 사용하려면 빈 gif 파일을 이용해야했고...
(일반 div 보여주기(?)라면 position 으로 이미지 위치를 조정할 수 있었을텐데...)

background 로 설정했기 때문에 원본파일의 보여주기 크기를 조정할 수 없다...

...

<DIV style="WIDTH: 500px; HEIGHT: 50px; OVERFLOW: hidden"><IMG style="position:relative; left:0px; top:-10px;" src="https://t1.daumcdn.net/cfile/tistory/1729130C4AA9203B04"></DIV><br />

*onClick* 새창 띄워서 샘플 보여주기...

사실, 이런 형식을 바랬던건데... 문서 내에 표시를 하자니 자꾸 오류나서... OTL...

...

뭐... 문제가 이렇게 해결(?)됐다고 하더라도...
click 에 대해서 조금(?) 문제가 생기고, "다른 이름으로 파일 저장..."시엔 아이콘모음집이 나타나긴 하지만...

...

... 뭐 어쨌든,

loading 할 파일이 적어졌(?)기 때문에 속도가 조금 빨라지는 감이 들어서 쓴다고 할까...
... 측정은 안해봤지만...

DoubleVictory killofki@.