Søg
Avatar billede nitues Nybegynder
26. januar 2002 - 22:01 Der er 2 kommentarer og
1 løsning

billedanimation

Hej,

Jeg vil gerne lave en animation på et billede således at første billede fader ud og erstattes af et nyt billede. Det skal gerne gå langsomt og kun et bestemt antal gange. Er der nogle der kan/vil hjælpe mig?
Avatar billede martinfrost Nybegynder
27. januar 2002 - 08:07 #1
<html>
<body>
<a id="fadehere">
<img src='0.jpg' name='fadeinimage' style='filter:alpha(opacity=0)'>
</a>

<script language="JavaScript">
//de billeder, der skal fades imellem kaldes 0.jpg, 1.jpg, 2.jpg osv...

var curimg = 0
var antalbilleder = 3

function doFade() {

if (curimg < antalbilleder){
    if (document.fadeinimage.filters.alpha.opacity < 100) {
    document.fadeinimage.filters.alpha.opacity=document.fadeinimage.filters.alpha.opacity+2;
    setTimeout("doFade()",100)
  }else{
      curimg++;
        fadehere.innerHTML = "<img src='" + curimg + ".jpg' name='fadeinimage' style='filter:alpha(opacity=0)'>"
      document.fadeinimage.filters.alpha.opacity=document.fadeinimage.filters.alpha.opacity=-100;
    setTimeout("doFade()",100)
  }
}
}

doFade()
</script>

</body>
</html>


Script er testet og virker... Husk at kalde billederne du vil fade imellem 0.jpg, 1.jpg, 2.jpg osv. Du skal selv ændre variablen "antalbilleder"...

Mvh
Martin
Avatar billede martinfrost Nybegynder
27. januar 2002 - 08:07 #2
<html>
<body>
<a id="fadehere">
<img src='0.jpg' name='fadeinimage' style='filter:alpha(opacity=0)'>
</a>

<script language="JavaScript">
//de billeder, der skal fades imellem kaldes 0.jpg, 1.jpg, 2.jpg osv...

var curimg = 0
var antalbilleder = 3

function doFade() {

if (curimg < antalbilleder){
    if (document.fadeinimage.filters.alpha.opacity < 100) {
    document.fadeinimage.filters.alpha.opacity=document.fadeinimage.filters.alpha.opacity+2;
    setTimeout("doFade()",100)
  }else{
      curimg++;
        fadehere.innerHTML = "<img src='" + curimg + ".jpg' name='fadeinimage' style='filter:alpha(opacity=0)'>"
      document.fadeinimage.filters.alpha.opacity=document.fadeinimage.filters.alpha.opacity=-100;
    setTimeout("doFade()",100)
  }
}
}

doFade()
</script>

</body>
</html>


Script er testet og virker... Husk at kalde billederne du vil fade imellem 0.jpg, 1.jpg, 2.jpg osv. Du skal selv ændre variablen "antalbilleder"...

Mvh
Martin
Avatar billede martinfrost Nybegynder
27. januar 2002 - 08:17 #3
og her har du også lige, for en sikkerheds skyld, det omvendte princip:


<html>
<body>
<a id="fadehere">
<img src='0.jpg' name='fadeinimage' style='filter:alpha(opacity=100)'>
</a>

<script language="JavaScript">
//de billeder, der skal fades imellem kaldes 0.jpg, 1.jpg, 2.jpg osv...

var curimg = 0
var antalbilleder = 3

function doFade() {

if (document.fadeinimage.filters.alpha.opacity > 0) {
    document.fadeinimage.filters.alpha.opacity=document.fadeinimage.filters.alpha.opacity-=2;
    setTimeout("doFade()",100)
  }else{
   
        if (curimg < antalbilleder -1){
      curimg++;
        fadehere.innerHTML = "<img src='" + curimg + ".jpg' name='fadeinimage' style='filter:alpha(opacity=100)'>"
      document.fadeinimage.filters.alpha.opacity=document.fadeinimage.filters.alpha.opacity+100;
    setTimeout("doFade()",100)
  }
}
}

doFade()
</script>

</body>
</html>
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
IT-JOB
Seneste spørgsmål Seneste aktivitet
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
White papers
Flere white papers »