水波纹效果变换图片（图片带链接）

2011-03-28 图片特效 ℃

<SCRIPT LANGUAGE="JavaScript">
<!-- Beginning of JavaScript -

var imgsname = new Array()
imgsname[0]="/images/tx/meinv.jpg"
imgsname[1]="/images/tx/4.jpg"
imgsname[2]="/images/tx/5.jpg"

// the the links of your images
var imgsurl = new Array()
imgsurl[0]="http://www.zlcool.com/tx/"
imgsurl[1]="http://www.zlcool.com/tx/"
imgsurl[2]="http://www.zlcool.com/tx/"

// 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

// // // // // // // // // // // // // // // // // // // // // // // 
// C O N F I G U R A T I O N   E N D S   H E R E
// // // // // // // // // // // // // // // // // // // // // // //

// 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>

相关特效代码

热门特效代码: js图片自动切换代码; CSS实现区域内等比例放大缩小图片; JS图片切换效果; 飘动图片广告代码; 鼠标经过图片变大; 简单高效的javascript 幻灯片播放; JavaScript封装的平滑图片滚动，; 点击图片出现大图; 图片局部放大效果特效; 图片上下左右拉伸效果特效

推荐特效代码: 点击按钮淡入淡出弹出图文信息; 探照灯效果图片特效代码; 简单高效的javascript 幻灯片播放; 飘动图片广告代码; JavaScript封装的平滑图片滚动，; 超酷超绚精美图片展示效果代码