<html> <head> <TITLE>SeaWave: simulate real waves on any pictures.</TITLE> <meta NAME="keywords" CONTENT="image, DHTML, animation, gif, JavaScript, download, picture,animation, applet, dynamic"> <meta NAME="description" CONTENT="Create a smooth dynamic wave-effect on your favourite pictures. Nice feature: the script allows you to precisely define the zone of your image where the wave-effect shall be applied. IE4 or higher."> <SCRIPT LANGUAGE="JavaScript"> <!-- Beginning of JavaScript - // CREDITS: SeaWave by Urs Dudli and Peter Gehrig Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved. Permission given to use the script provided that this notice remains as is. Additional scripts can be found at http://www.24fun.com. info@24fun.ch 6/29/2000 // IMPORTANT: If you add this script to a script-library or script-archive you have to add a link to http://www.24fun.com on the webpage where the scrips will be running. // CONFIGURATION: Go to www.24fun.com, open category 'animation' and download the full-version of this script as ZIP-file containing the image as well as step-by-step instructions for non-programmers. if (document.layers) { alert("This script does not work with Netscape Navigator.") } var imgname="imgwavesea.jpg" var imgwidth=386 var imgheight=216 var posleft=5 var postop=5 var WaveFromLeft=0 var WaveToRight=386 var WaveFromTop=115 var WaveToBottom=216 var i_lightstrength=0 var i_freq=8 var i_phase=5 var max_strength=4 var min_strength=2 var i_step=1 var i_strength=min_strength function initiate() { if (document.all) { stillimage.innerHTML="<img src="+imgname+">" stillimage.style.posLeft=posleft stillimage.style.posTop=postop waveimage.innerHTML="<img src="+imgname+">" waveimage.style.posLeft=posleft waveimage.style.posTop=postop var clipleft=WaveFromLeft var clipright=WaveToRight var cliptop=WaveFromTop var clipbottom=WaveToBottom document.all.waveimage.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" setInterval("i_strength=i_strength+i_step;if (i_strength>max_strength) {i_step=i_step*(-1)}; if (i_strength<min_strength) {i_step=i_step*(-1)}",2000) makewave() } if (document.layers) { document.stillimage.document.write("<img src="+imgname+">") document.stillimage.document.close() } } function makewave() { waveimage.filters.wave.phase+=i_phase waveimage.filters.wave.strength=i_strength waveimage.filters.wave.lightstrength=i_lightstrength waveimage.filters.wave.freq=i_freq var timer=setTimeout("makewave()",80) } // - End of JavaScript - --> </SCRIPT> </HEAD> <BODY bgcolor="FFFFFF" onLoad="initiate()"> <DIV ID="stillimage" style="position:absolute"></DIV> <DIV ID="waveimage" style="position:absolute; filter:wave();"></DIV> </BODY> </HTML>