글 수 109
15
조회 수 : 5490 신고 : 0
미리보기 : |
---|
미리보기<==클릭
<작은 그림과 큰그림을 한문서 안에 넣기 입니다.>
사진이나 그림을 전시해 놓은 페이지를 보면 대부분 큰 그림은 새 창으로 띄우거나, 다른 페이지로 이동해서 보여지게 합니다. 하지만, (작은
그림)과 큰 그림이 같은 문서 안에 들어간다면, 이전 문서로 돌아가는 버튼을 클릭한다거나, 새 창을 매번 닫아야 하는 번거로움을 피할 수
있어 좋습니다. 작은 그림을 클릭하면 큰 그림은 특정 영역에만 나타납니다.
1.
<head>와</head>사이에 아래 소스를 넣습니다.
<script language="JavaScript">
<!--
function transimg(place) {
if (place==1) imgg.src="들어갈이미지1.jpg";
if (place==2) imgg.src="들어갈이미지2.jpg";
if (place==3) imgg.src="들어갈이미지3.jpg";
}
// -->
</script>
2.
<body>와</body>사이에 큰 그림이 들어갈 자리에 아래와 같은 방법으로
소스를 넣습니다.
<img src="들어갈 이미지.jpg" name="imgg">
들어갈 이미지.jpg 는 큰 그림이 뜨는 영역에 가장 먼저 보여지는 그림 ( <head>와 </head>사이에 들어갔던
큰 그림 중 아무 거나 넣어도 됩니다. )
3.
<body>와</body>사이에(작은 그림)이 들어갈 자리에 아래와 같은 방법으로
소스를 넣습니다.
<span style="cursor:hand" onClick="transimg(1)"><img
src="들어갈이미지1.jpg"</span>
<span style="cursor:hand" onClick="transimg(2)"><img
src="들어갈이미지2.jpg"</span>
<span style="cursor:hand" onClick="transimg(3)"><img
src="들어갈이미지3.jpg"</span>
들어갈이미지1.jpg, 들어갈이미지2.jpg, 들어갈이미지3.jpg 는 작은 그림의 경로 및 이름
transimg(숫자) 는 <head>와</head>사이에 들어갔던 소스 중 '(place==숫자)' ← 이 부분과
맞춰 주시면 됩니다.
응용하시면 더 괜찮게 나올수 있을거에요.
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기
본문으로 바로가기
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상