Avatar billede Slettet bruger
03. oktober 2008 - 11:04 Der er 8 kommentarer og
1 løsning

Fade in går i stå ved første trin

Hej eksperter!

På siden www.ovrkll.com er en intro med et ikon, der fades ind og ud, hvorefter den sorte div fjernes, så selve siden ser ud til at fades ind.
Problemet er bare, at min funktion til fade in af ikonet, 'FadeInIntroIcon', kun kommer til første trin - opacity 0.02.
Hvad er der galt?
Avatar billede roenving Novice
03. oktober 2008 - 11:23 #1
Hrm, jeg kunne se, at der skete noget, men kun fjernelsen var der !-)

-- men du behandler en style-attributs værdi som om den var et tal, det er ikke tilfældet, skal du bruge tallet må du først konvertere den til en talværdi, så f.eks.

function FadeInIntroIcon(){
  var st = document.getElementById("intro_icon").style;
  if (+st.opacity < .98){
    st.opacity = +st.opacity + .02;
    return;
  }
  clearInterval(IntroTimer);
  st.opacity = 1;
  IntroTimer = setTimeout("StartFadingOutIntroIcon()", 2000);
}

-- da vi her har en værdi, som altid er et gyldigt tal, kan vi bruge den unære +-operator til at udføre konversionen !-)

-- i øvrigt så jeg kun en sort skærm i FireFox (men den kom med fejlene omkring fejl i tolkningen af opacity-værdien !-), du skal vist gennemgå dine styles !o]
Avatar billede Slettet bruger
03. oktober 2008 - 11:34 #2
Ja, jeg er rimelig ringe til JavaScript... Men jeg vil da lige prøve dit forslag.
Avatar billede Slettet bruger
03. oktober 2008 - 11:38 #3
Kan document.getElementById("intro_icon").style.opacity betragtes som af typen String?
Avatar billede Slettet bruger
03. oktober 2008 - 11:43 #4
Nu virker ikonet - men baggrunden fader stadig ikke ud?
Avatar billede roenving Novice
03. oktober 2008 - 11:45 #5
-- den rutine skal selvfølgelig skrives om på samme måde !-)

-- og ja, alle værdier i style-properties er tekst !o]
Avatar billede Slettet bruger
05. november 2008 - 21:42 #6
Hov, jeg fik løst problemet. Send venligst et svar :)
Avatar billede roenving Novice
06. november 2008 - 16:29 #7
Velbekomme '-)

-- gjorde du noget mere ?-)
Avatar billede Slettet bruger
06. november 2008 - 19:19 #8
Ja, og tak :)
Jeg kan ikke huske, hvad jeg gjorde, men det virkede xD
Avatar billede roenving Novice
07. november 2008 - 16:33 #9
-- så siger jeg 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