<script language="javascript">
<!--
var sel1=3000;
var slide=true;
var cnt=0;
var currentImage=1;
var timeout=0;
var pic1= new Array();
var pic=new Array();
var p_title=new Array();
// 이미지 슬라이드는 1번([1])이 로딩시 열리는 파일이라 2([2])번부터 시작되며 0([0])번은 무시되는거 같아서 없엠
// 추가방법 - X : 이미지의 번호로 1번부터 +1씩 추가하면 됨
// pic1[X] = "이미지 경로";
// p_title[X] = "이미지 설명부분 - html태그 됨";
// 이미지 슬라이드 경로부분
pic1[1] = "
http://ifull.co.kr/flower-17.jpg";
p_title[1] = "flower-17.jpg";
pic1[2] = "
http://ifull.co.kr/flower-18.jpg";
p_title[2] = "flower-18.jpg";
pic1[3] = "
http://ifull.co.kr/flower-19.jpg";
p_title[3] = "flower-19.jpg";
pic[1]=new Image();
pic[1].src=pic1[1];
isNext = false;
function p_speed() {
sel=speedid.selectedIndex;
sel1=speedid.options[sel].value;
}
function go() {
if (!slide) {
nextImage1();
}
}
function loadImage(imgNum) {
if (imgNum >= 0) {
title1.innerHTML=p_title[currentImage];
}
if (slide && !isNext) {
imgsrc.filters.blendTrans.apply();
document.imgsrc.src= pic[imgNum].src;
imgsrc.filters.blendTrans.duration=0.5;
imgsrc.filters.blendTrans.play();
nextImage1();
} else {
document.imgsrc.src= pic[imgNum].src;
isNext = false;
}
}
function nextImage() {
if (currentImage < pic.length-1) {
currentImage++;
} else {
currentImage=1;
}
isNext = true;
loadImage(currentImage);
}
function nextImage1() {
if (currentImage < pic1.length-1) {
currentImage++;
} else {
currentImage = 1;
}
slide = true;
timeout = setTimeout("loadImage(currentImage)",sel1);
}
function preload() {
for (i = 2; i < pic1.length; i++) {
pic[i]=new Image();
pic[i].src=pic1[i];
}
}
function prevImage() {
if (currentImage <= pic1.length-1) {
currentImage--;
if(currentImage < 1) {
currentImage=currentImage+pic1.length;
currentImage--;
}
}
isNext = true;
loadImage(currentImage)
}
function still() {
clearTimeout(timeout);
slide=false;
}
//-->
</script>
<body onload="nextImage1();preload();">
<!-- 이미지 슬라이드 부분 //-->
<center>
<img src="
http://ifull.co.kr/flower-17.jpg" id="bg" name=imgsrc oncontextmenu="return false;" style="filter: blendTrans(duration=1)">
<br>
<!-- 이미지 슬라이드 컨트롤 부분 //-->
<input type="button" value="이전" OnClick="prevImage()">
<input type="button" value="슬라이드 보기" OnClick="go()">
<input type="button" value="정지" OnClick="still()">
<input type="button" value="다음" OnClick="nextImage()">
<!-- 이미지 변경 시간 - 추가시는 option을 복사 value의 값을 변경하면 됨 (1 = 1000) //-->
<select name="speedid" Onchange="p_speed()">
<option value=1000> 1 (sec)
<option value=2000> 2 (sec)
<option value=3000 selected> 3 (sec)
<option value=4000> 4 (sec)
<option value=5000> 5 (sec)
</select>
<br>
<!-- 이미지 설명부분을 출력시키는 부분 //-->
<font id="title1">h1.gif</font>
</center>