图片的幻灯片特效(各种效果) dn001 2009-06-21 08:54:24 <!-- 把下列代码加到<body>区域内 --> <SCRIPT LANGUAGE="JavaScript"> <!-- Beginning of JavaScript - // more javascript from http://www.knowsky.com // the URLs of your images. Add as many images as you like var imgsname = new Array() imgsname[0]="/img/200406301.jpg" imgsname[1]="/img/200406302.jpg" imgsname[2]="/img/200406303.jpg" // the the links of your images var imgsurl = new Array() imgsurl[0]="http://www.knowsky.com" imgsurl[1]="http://www.knowsky.com" imgsurl[2]="http://www.knowsky.com" // the target of your links. Accepted values: '_blank', '_self', '_top' // '_parent' or the name of your window var linktarget="_blank" // standstill of each image(seconds) var pause=3 // horizontal position of the slideshow (distance to the left margin of the browser-window, pixels) var posleft=5 // vertical position of the slideshow (distance to the top margin of the browser-window, pixels) var postop=5 // do not edit the code below 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 // - End of JavaScript - --> </SCRIPT>
