Image Slideshow Hullámeffekttel

Ez az effekt Microsoft Internet Explorer 4.0-tó érhetö el.
A kód a wave() effektet hasznája ki a megadott képek váltása közben.

paraméterlista:
imgsname tömb: ebben a tömbben sorolhatod fel a váltogatni kívánt képek listáját
pause: ennyi másodpercet fog várni a kód, mielött elindítja a hullámzást.
i_maxstepwave: ennyi lesz a maximális behullámásnál a hullámok száma

müködésröl:
Az enlargewave() függvény növeli az i_stepwave változót, egészen addig, amíg el nem éri a i_maxstepwave értékét. Az aktuális i_stepwave értékkel beállítja a hullámzás paramétereit, majd meghívja saját magát 100 msec-es késleltetéssel. Ha elértük a max értéket, a changeimage() függvénnyel kicseréljük a képet a soronkövetkezövel (az utolsó után az elsö következik), majd meghívja a reducewave() függvényt, ami ugyanazt csinalja, mint az elözöekben tárgyalt függvény, csak csökkenti a i_stepwave-et 0-ig, és ha ezt eléri, akkor pihenöre rakja magát a pause-ban megadott másodpercig, majd kezd mindent elölröl.

Eredmény:

Install:
A kódot a HEAD-be, a BODY onLoad-jába tedd be a enlargewave(), majd a BODY-n belül valahova a:
<img id="waveimage" src="kepájl" style="filter:wave(Add='false',LightStrength=0,Phase=0,Strength=0,Freq=0);"> -t.

A forráskód:

<HEAD>

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

// a valtogatando kepek listaja, az utolso utan ismet az elso fok kovetkezni.
var imgsname = new Array()
imgsname[0]="../mamo_logo2.jpg"
imgsname[1]="../mamo_logo4.jpg"

// ket kep kozott enyit var a script [masodpercben]
var pause=1

// ennyi lesz a maximalis behullamzasnal a hullamok szama
var i_maxstepwave=20

// Innentol ne irj at semmit
var i_image=0
var i_stepwave=0
var imgpreload=new Array()
for (i=0;i<=imgsname.length-1;i++) {
	imgpreload[i]=new Image()
	imgpreload[i].src=imgsname[i]
}
pause=pause*5000

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()",100)
    }
    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()",100)
    }
    else {
        clearTimeout(timer)
        var timer=setTimeout("enlargewave()",pause)
    }
}

function changeimage() {

i_image++
    if (i_image>=imgsname.length) {i_image=0}    
     
    waveimage.src=imgsname[i_image]
    reducewave() 
}

// - End of JavaScript - -->
</SCRIPT>

Másold a vágólapra