포토갤러리 만들어보자

by 고정석 posted Mar 19, 2001

단축키

Prev이전 문서

Next다음 문서

ESC닫기

width="459" height="58" border="0" usemap="#ImageMap1">

<html> 
<head> <title>포토갤러리</title> size="2" color="white"> <script LANGUAGE="JavaScript"> 
function aniViewer(html, width, height) {mini1 = window.open(html,
'aniViewer', 'width='+width+',height='+height+',marginwidth=0,marginheight=0,border=0,scrollbars=no,resizable=no');} 
function aff(image,width,height) {coin=window.open("","coin","toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=no,resizable=yes,width="+width+",height="+height+""); 
coin.document.writeln('<html><body leftmargin=0 topmargin=0
marginheight=0 marginwidth=0>'); coin.document.writeln('<img
src='+image+' border=0 hspace=0 vspace=0>'); coin.document.write('</body></html>'); 
coin.document.close();} </script> color="black"></head> <body> color="white"> <img src="http://www.nblood.com/mosquito/images/netopwall1.gif"
border="0" usemap="#ImageMap1"> <map
name="ImageMap1"> <area shape="rect"
coords="54, 8, 130, 57" href="javascript:aff('http://www.nblood.com/mosquito/images/cha4.jpg'
,'800','600')"> 
<area shape="rect" coords="136, 8, 212, 57"
href="javascript:aff('http://www.nblood.com/mosquito/images/ysh4.jpg'
,'800','600')"> <area shape="rect" coords="221,
8, 295, 57" href="javascript:aff('http://www.nblood.com/mosquito/images/kkl.jpg'
,'800','600')"> <area shape="rect" coords="303,
8, 381, 57" href="javascript:aff('http://www.nblood.com/mosquito/images/khs4.jpg'
,'800','600')"> </map> color="black"></body> </html>

위에
그림을 클릭하시면 큰 그림이 떡 뜰거예요...^^ 이런거 마니 보셨지요?
흔히 스타사진들 갤러리나 작품전 사이트에서 많이 쓰이는 방식으로
알아두시면 유용할 거예요. 
<head> 와 </head> 사이에 자바스크립트(<script>
~ </script>) 소스를 넣어주시고요. 사진별로 "javascript:aff('새창으로
뜰 그림파일의 경로' ,'폭','높이')" 이렇게 링크만 시켜
주면 되어요. 
또한 여러분이 못 보시던 태그가... 이미지 맵 태그인데요. 이는
그림위에 영역을 지정해서 그 부분에 링크를 걸 수 있는 태그입니다. 
그림의 경로 뒤에 usemap="#ImageMap1" 이렇게 이미지 맵
사용함을 해주셔야 하고요... <map name="ImageMap1"> 
<area shape="rect" coords="이미지 맵 위치와 영역의
수치" href="javascript:aff('새창으로 뜰 그림파일의 경로'
,'폭','높이')"> </map> 
 
그럼... 머찐 갤러리 맹그시길^^ 즐거운 날 되셔염 ~~ 빠빠~~
^0^

:

« Prev 폼메뉴 만들기

폼메뉴 만들기 2001.03.19by 고정석 〈

편리한 단축키 모음. Next »

편리한 단축키 모음. 2010.10.01by 땅콩 〉

수정 삭제

Articles

1 2 3 4 5 6

나눔글꼴 설치 안내

이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

✔ 설치 취소