Avatar billede glaede.dk Nybegynder
12. juli 2001 - 23:55 Der er 10 kommentarer og
1 løsning

Få billede til at fade frem ?

Hejsa

Hvordan laver man i JavaScript sårn at en billede fader frem...Det ska se ORDENLIGT ud, ik noget med at det hakker frem...Ka forestille mig det er noget med alpha opacity (eller hva det nu hedder), men hvordan helt præcist ?
Avatar billede otis Nybegynder
13. juli 2001 - 00:14 #1
<head>
<meta http-equiv=\"Page-Enter\" content=\"blendTrans(Duration=5)\">
</head>
Avatar billede glaede.dk Nybegynder
13. juli 2001 - 00:17 #2
hmm.. det er kun 1 bestemt billlede.. ik hele tiden..?
Avatar billede glaede.dk Nybegynder
13. juli 2001 - 00:20 #3
Det ska forresten ik fade væk, men når man kommer ind på siden ska billedet fade frem.. og kun det bestemte billede...
Avatar billede olebole Juniormester
13. juli 2001 - 00:46 #4
<ole>

<html>
<head>
<script language=\"JavaScript\">
function fadeImg() {
  f = document.getElementById(\"Bulder\").filters;
  if (f.item(\"Alpha\").opacity<=95) {
    f.item(\"Alpha\").opacity += 5;
    setTimeout(\"fadeImg()\",30);
  }
}
</script>

</head>
<body onload=\"fadeImg();\">


<img src=\"din.gif\" id=\"Bulder\" style=\"filter:Alpha(opacity=0)\">
</body>
</html>

/mvh
</bole>
Avatar billede glaede.dk Nybegynder
13. juli 2001 - 01:15 #5
PRÆCIS hva jeg sq bruge!

Tak Ole!
Avatar billede olebole Juniormester
13. juli 2001 - 01:50 #6
anytime...  :)
Avatar billede olebole Juniormester
13. juli 2001 - 01:56 #7
Hvis nu du vælger et andet tal for alpha-forøgningen...lad os sige 6. Så kunne man forestille sig at, man skulle skrive: if (f.item(\"Alpha\").opacity<=94).
Men når så du når 15*6 er det 90 og vi kan lægge 6 til = 96. Nu kom vi over 94 og bliver stående på en opacitet på 96  :(
Skriv derfor hellere:

<script language=\"JavaScript\">
function fadeImg() {
  f = document.getElementById(\"Bulder\").filters;
  if (f.item(\"Alpha\").opacity<=94) {
    f.item(\"Alpha\").opacity += 6;
    setTimeout(\"fadeImg()\",30);
  }
  else {
    f.item(\"Alpha\").opacity = 100;
  }
}
</script>

Så skulle den være der  :o)
/mvh
Avatar billede olebole Juniormester
13. juli 2001 - 02:05 #8
Eller uliniært...f.eks:

<script language=\"JavaScript\">
function fadeImg() {
  f = document.getElementById(\"Bulder\").filters;
  if (f.item(\"Alpha\").opacity==0) {
    f.item(\"Alpha\").opacity += 6
  }
  if (f.item(\"Alpha\").opacity<=(f.item(\"Alpha\").opacity*1.05)+6) {
    f.item(\"Alpha\").opacity = (f.item(\"Alpha\").opacity*1.05)+6;
    setTimeout(\"fadeImg()\",30);
  }
  else {
    f.item(\"Alpha\").opacity = 100;
  }
}
</script>

Jeg har ikke testet værdierne, men prøv dig frem.
/mvh
Avatar billede olebole Juniormester
13. juli 2001 - 02:08 #9
Næsten:

<script language=\"JavaScript\">
function fadeImg() {
  f = document.getElementById(\"Bulder\").filters;
  if (f.item(\"Alpha\").opacity==0) {
    f.item(\"Alpha\").opacity += 6
  }
  else if (f.item(\"Alpha\").opacity<=(f.item(\"Alpha\").opacity*1.05)+6) {
    f.item(\"Alpha\").opacity = (f.item(\"Alpha\").opacity*1.05)+6;
    setTimeout(\"fadeImg()\",30);
  }
  else {
    f.item(\"Alpha\").opacity = 100;
  }
}
</script>
Avatar billede olebole Juniormester
13. juli 2001 - 02:10 #10
Jeg er træææææææt:

<script language=\"JavaScript\">
function fadeImg() {
  f = document.getElementById(\"Bulder\").filters;
  if (f.item(\"Alpha\").opacity==0) {
    f.item(\"Alpha\").opacity += 6
    setTimeout(\"fadeImg()\",30);
  }
  else if (f.item(\"Alpha\").opacity<=(f.item(\"Alpha\").opacity*1.05)+6) {
    f.item(\"Alpha\").opacity = (f.item(\"Alpha\").opacity*1.05)+6;
    setTimeout(\"fadeImg()\",30);
  }
  else {
    f.item(\"Alpha\").opacity = 100;
  }
}
</script>

...SÅDAN, sq...!  =o)
Avatar billede glaede.dk Nybegynder
13. juli 2001 - 03:08 #11
Ok takker :)

Har du ICQ / MSN ?
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