2001.03.19 20:32

포토갤러리 만들어보자

고정석

(*.55.91.229) 조회 수 5717 댓글 0

+ - Up Down Comment Print

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^

:

Facebook Twitter Me2day Yozm

Up Down Print 수정 삭제

Comment '0'

✔댓글 쓰기

●? 에디터 선택하기

✔ 텍스트 모드 ✔ 에디터 모드

댓글 쓰기

●? 에디터 사용하기 닫기

멋진 텍스트 효과(1)

Date2001.03.19 By고정석 Views10100

Read More
타이핑 치듯 나타나는 텍스트

Date2001.03.19 By고정석 Views7099

Read More
눈내리는 이미지 만들기

Date2001.03.19 By고정석 Views8152

Read More
무지개색 효과내는 텍스트

Date2001.03.19 By고정석 Views11245

Read More
☞ snow.class 다운받기

Date2001.03.19 By고정석 Views8666

Read More
다이나믹한 메뉴 만들자

Date2001.03.19 By고정석 Views6585

Read More
이미지 뽀샤시 하게 해보장^^* (Alpha)

Date2001.03.19 By고정석 Views5515

Read More
body bgcolor 이벤트

Date2001.03.19 By고정석 Views5632

Read More
폼메뉴 만들기

Date2001.03.19 By고정석 Views5514

Read More
포토갤러리 만들어보자

Date2001.03.19 By고정석 Views5717

Read More
요일별로 배경 바꾸기

Date2001.03.19 By고정석 Views5328

Read More
텍스트 색 변하게 하기 (blink)

Date2001.03.19 By고정석 Views5735

Read More
음악감상 플레이어 만들기

Date2001.03.19 By고정석 Views6099

Read More
호빵이 마음대로 돌아다니는 소스

Date2001.03.19 By고정석 Views5953

Read More
ram파일 배경음악 실행시키기

Date2001.03.19 By고정석 Views6091

Read More
마우스 오른쪽 버튼 소스보기 막기

Date2001.03.19 By고정석 Views5764

Read More
쿠키를 이용한 방문횟수와 환영메세지(창으로)

Date2001.03.19 By고정석 Views5516

Read More
자바스크립트 새창띄우기

Date2001.03.19 By고정석 Views5655

Read More
자바스크립트를 이용한 브라우저 흔들기

Date2001.03.19 By고정석 Views5429

Read More
문서 들어가고 나갈때 메세지 띄우기

Date2001.03.19 By고정석 Views4910

Read More
마우스 따라다니는 텍스트

Date2001.03.19 By고정석 Views5108

Read More
마우스를 따라 다니는 이미지

Date2001.03.19 By고정석 Views6107

Read More
마우스 따라당기는 원모양 (글씨,이미지)

Date2001.03.19 By고정석 Views5802

Read More
음악감상 플레이어 만들기

Date2001.03.19 By고정석 Views5520

Read More
음성 이메일 보낼수 있는 프로그램

Date2001.03.19 By고정석 Views5404

Read More
레이어 공지창 띄우기

Date2001.03.19 By고정석 Views6244

Read More
사진 무료로 스캔해주는 싸이트...

Date2001.03.19 By고정석 Views5496

Read More

쓰기

나눔글꼴 설치 안내

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

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

✔ 설치 취소

이메일 로그인

포토갤러리 만들어보자

멋진 텍스트 효과(1)

타이핑 치듯 나타나는 텍스트

눈내리는 이미지 만들기

무지개색 효과내는 텍스트

☞ snow.class 다운받기

다이나믹한 메뉴 만들자

이미지 뽀샤시 하게 해보장^^* (Alpha)

body bgcolor 이벤트

폼메뉴 만들기