웹마스터 팁

  2. Support
  3. 웹마스터 팁

▩물결 처럼 흐르는 것같은 이미지 슬라이드 쇼

2002.02.28 19:55

▩윤미

==========================================================
예제보기: http://my.dreamwiz.com/dong0987/study24.htm

==========================================================

=================================================
<body> 와 </body> 에 삽입합니다.
=================================================

<SCRIPT LANGUAGE="JavaScript">
<!--
// 이미지 주소 넣기.
var imgsname = new Array()
imgsname[0]="http://dong0987.nayes.net/zboard/data/test/korea.gif"
imgsname[1]="http://dong0987.nayes.net/zboard/data/test/time.gif"
imgsname[2]="http://dong0987.nayes.net/zboard/data/test/hy.gif"

//  이미지별 링크를 설정
var imgsurl = new Array()
imgsurl[0]="http://yoonmi.waa.to"
imgsurl[1]="http://yoonmi.waa.to"
imgsurl[2]="http://yoonmi.waa.to"

//  타겟을 설정 var linktarget="_blank"

// 시간간격을 설정var pause=3

// 이미지의 위치를 설정
var posleft=10
var postop=10

var contentimage=""
var i_image=0
var i_stepwave=0
var i_maxstepwave=40
var imgpreload=new Array()
for (i=0;i<=imgsname.length-1;i++) {
imgpreload[i]=new Image()
imgpreload[i].src=imgsname[i]
}
pause=pause*1000

function initiate() {
contentimage="<a href='"+imgsurl[i_image]+"' target='"+linktarget+"'><img src='"+imgsname[i_image]+"' border='0'></a>"
if (document.all) {
waveimage.innerHTML=contentimage
waveimage.style.posLeft=posleft
waveimage.style.posTop=postop
enlargewave()
}
if (document.layers) {
document.waveimage.left=posleft
document.waveimage.top=postop
changeimage()
}
}

function enlargewave() {
if (i_stepwave<=i_maxstepwave) {
waveimage.filters.wave.phase=i_stepwave
waveimage.filters.wave.strength=i_stepwave
waveimage.filters.wave.lightstrength=i_stepwave
waveimage.filters.wave.freq=i_stepwave
i_stepwave++
var timer=setTimeout("enlargewave()",50)
}
else {
clearTimeout(timer)
changeimage()
}
}

function reducewave() {
if (i_stepwave>0) {
waveimage.filters.wave.phase=i_stepwave
waveimage.filters.wave.strength=i_stepwave
waveimage.filters.wave.lightstrength=i_stepwave
waveimage.filters.wave.freq=i_stepwave
i_stepwave--
var timer=setTimeout("reducewave()",50)
}
else {
clearTimeout(timer)
var timer=setTimeout("enlargewave()",pause)
}
}

function changeimage() {
i_image++
if (i_image>=imgsname.length) {i_image=0}
contentimage="<a href='"+imgsurl[i_image]+"' target='"+linktarget+"'><img src='"+imgsname[i_image]+"' border='0'></a>"

if (document.all) {
waveimage.innerHTML=contentimage
reducewave()
}

if (document.layers) {
document.waveimage.document.write(contentimage)
document.waveimage.document.close()
var timer=setTimeout("changeimage()",pause)
}

}

if (document.all) {
document.write('<DIV ID="waveimage" style="position:absolute; filter:wave();"> </DIV>')
}
if (document.layers) {
document.write('<LAYER NAME="waveimage"></LAYER>')
document.close()
}
window.onload=initiate

// --->
</SCRIPT>
이 게시물을
수정 삭제
좋아요
목록
태그 쓰기