Avatar billede tobby Nybegynder
16. maj 2004 - 14:32 Der er 1 løsning

Hjælp til animations-script

Jeg har fundet dette animations-script på Dynamic Drive.

<script language="JavaScript1.2">

        //Fade-in image slideshow- By Dynamic Drive
        //For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
        //This credit MUST stay intact for use

        var slideshow_width='320px' //SET IMAGE WIDTH
        var slideshow_height='240px' //SET IMAGE HEIGHT
        var pause=500 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

        var fadeimages=new Array()
        //SET IMAGE PATHS. Extend or contract array as needed
        <%
        response.write JavaString
        %>
        ////NO need to edit beyond here/////////////

        var preloadedimages=new Array()
        for (p=0;p<fadeimages.length;p++){
        preloadedimages[p]=new Image()
        preloadedimages[p].src=fadeimages[p]
        }

        var ie4=document.all
        var dom=document.getElementById

        if (ie4||dom)
        document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div  id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
        else
        document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')

        var curpos=10
        var degree=10
        var curcanvas="canvas0"
        var curimageindex=0
        var nextimageindex=1


        function fadepic(){
        if (curpos<100){
        curpos+=10
        if (tempobj.filters)
        tempobj.filters.alpha.opacity=curpos
        else if (tempobj.style.MozOpacity)
        tempobj.style.MozOpacity=curpos/100
        }
        else{
        clearInterval(dropslide)
        nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
        tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
        tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
        nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
        setTimeout("rotateimage()",pause)
        }
        }

        function rotateimage(){
        if (ie4||dom){
        resetit(curcanvas)
        var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
        crossobj.style.zIndex++
        var temp='setInterval("fadepic()",50)'
        dropslide=eval(temp)
        curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
        }
        else
        document.images.defaultslide.src=fadeimages[curimageindex]
        curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
        }

        function resetit(what){
        curpos=10
        var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
        if (crossobj.filters)
        crossobj.filters.alpha.opacity=curpos
        else if (crossobj.style.MozOpacity)
        crossobj.style.MozOpacity=curpos/100
        }

        function startit(){
        var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
        crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
        rotateimage()
        }
       
        if (ie4||dom)
        window.onload=startit
        else
        setInterval("rotateimage()",pause)

        </script>

Jeg har brug for at ændre følgende:
1) Animationen skal kun vises en gang i stedet for at den looper uendeligt
2) En "stop-animation"-funktion

Pft.
Avatar billede tobby Nybegynder
18. maj 2004 - 20:38 #1
guess not....
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester