여러개의 이미지를 다음그림, 이전그림 형식으로 만들어 보기
페이지 정보
작성자 서방님 댓글 0건 조회 169회 작성일 07-08-11 16:00본문
폴더에 많은 이미지가 있을때 다음보기, 이전보기 형태로 이미지를 구성하기 위해서는 각각의 이미지 파일을 HTML로 구성하고 링크로 구현 하는 경우가 많은데
본 스크립트는 폴더에 이미지 형식만 제대로 갖춰놓고 다음, 이전 기능을 함수로 호출하여 이미지를 보여주는 방식입니다.
이미지 형식은 1.jpg 2.jpg 3.jpg ~~~~~35.jpg 이런식으로 순차적인 파일명을 가지고 있어야 합니다.
<html>
<head>
<title>BLUEB</title>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="Javascript">
var place = "http://www.blueb.co.kr/SRC/javascript/image/photo/"
var type = "jpg"
var start = "1"
var name = "picholder"
var image =new Image();
var lastpic = "34";
var firstpic = "1";
function next() {
if (lastpic == start) {
start = firstpic;
image.src = place + firstpic + '.' + type;
document[name].src = image.src
}
else {
start++
image.src = place + start + '.' + type;
document[name].src = image.src
}
}
function back() {
if (firstpic == start) {
start = lastpic;
image.src = place + lastpic + '.' + type;
document[name].src = image.src
}
else {
start--
image.src = place + start + '.' + type;
document[name].src = image.src
}
}
</SCRIPT>
<center>
| <A Href="javascript:back()"><B>이전그림</B></A>
| <A href="javascript:next()"><B>다음그림</B></A><BR><BR>
<IMG src="http://www.blueb.co.kr/SRC/javascript/image/photo/1.jpg" Name="picholder">
</BODY>
</HTML>
댓글목록
등록된 댓글이 없습니다.
