<td><img src='https://t1.daumcdn.net/cfile/tistory/125456405043876E3F' style="CURSOR: hand" onclick="window.open('http://cfs.tistory.com/custom/blog/26/261273/skin/images/newpop.html','_blank','width=850,height=700,left=1,top=1,scrollbars=yes');"></td>
<img src='작은 이미지' style="cursor: hand" (마우스를 이미지에 가져갔을때 손모양 아이콘 커서 표시)
onclick"window.open(*****.html) - 새창을 표시 하기위해 메모장에 이미지url을 삽입하여 html로 저장한다.
<!--- *****.html 안에 삽입 --->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>no name</title>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<center>
<table>
<tr>
<td><a href='javascript:self.close()'><img src="https://t1.daumcdn.net/cfile/tistory/1357D244504387D627" border=0></a>
</td>
</tr>
</table>
</center>
</body>
</html>
<--- // 소스 끝 //--->
<a href='javascript:self.close()'> 는 html에서 이미지를 클릭했을 때 '닫기' 소스로 다시 원래 페이지로 돌아온다.
//인터넷속도를 감안하여 이미지를 짤라서 정렬한다.
또한, 쇼핑몰의 경우 긴 이미지는 로딩할 시 이미지가 중간에 불러오다가 끊기거나
저사양일 경우 브라우저 다운 현상 발생한다. //
'Program > html+script' 카테고리의 다른 글
| n.korea taken down target (0) | 2013.03.31 |
|---|---|
| 메구리 (0) | 2013.03.28 |
| BIOS (0) | 2012.06.24 |
| 비트스눕 검색기 (0) | 2012.05.28 |
| 티스토리에 눈내리게 하는 스크립트 소스. (2) | 2011.12.19 |
