Avatar billede davidskp Nybegynder
03. marts 2005 - 10:59 Der er 4 kommentarer og
1 løsning

fade delay

Jeg har følgende script som jeg bruger til at fade billeder ind:

<!--
document.write("<style type='text/css'>#visbillede {visibility:hidden;}</style>");

function initImage() {
    imageId = 'visbillede';
    image = document.getElementById(imageId);
    setOpacity(image, 0);
    image.style.visibility = "visible";
    fadeIn(imageId,0);
}
function fadeIn(objId,opacity) {
    if (document.getElementById) {
        obj = document.getElementById(objId);
        if (opacity <= 100) {
            setOpacity(obj, opacity);
            opacity += 10;
            window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
        }
    }
}
function setOpacity(obj, opacity) {
    opacity = (opacity == 100)?99.999:opacity;
    // IE/Win
    obj.style.filter = "alpha(opacity:"+opacity+")";
    // Safari<1.2, Konqueror
    obj.style.KHTMLOpacity = opacity/100;
    // Older Mozilla and Firefox
    obj.style.MozOpacity = opacity/100;
    // Safari 1.2, newer Firefox and Mozilla, CSS3
    obj.style.opacity = opacity/100;
}
window.onload = function() {initImage()}
// -->

Jeg vil så gerne ha at der er et delay på 1 sek efter at billedet er loaded til det begynder at fade ind, så man kan nå at se min loading animation...hvordan gør jeg det?

/dave
Avatar billede roenving Novice
03. marts 2005 - 11:06 #1
image.style.visibility = "visible";
    setTimeout('fadeIn('+imageId+',0)',1000);
}
Avatar billede davidskp Nybegynder
03. marts 2005 - 11:28 #2
Super...det virkede ikke først men ændrede det til:

setTimeout('fadeIn(imageId,0)',1000);

og så virkede det :)

smider du et svar?
Avatar billede roenving Novice
03. marts 2005 - 11:31 #3
Virker det (så er det nok IE du tester med ?-)

-- jeg havde jo også glemt, at objektid'et skulle have gåseøjne omkring:

image.style.visibility = "visible";
    setTimeout('fadeIn("'+imageId+'",0)',1000);
}

Velbekomme '-)
Avatar billede davidskp Nybegynder
03. marts 2005 - 11:41 #4
så har jeg ændret det til din opdaterede version og det virker...takker :)

Det andet virker nu osse i firefox...den hakker bare lidt i faden...
Avatar billede roenving Novice
03. marts 2005 - 11:46 #5
-- ja den er lidt mere hakkende end IE ...

-- og tak for point ;~}
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