---

Jeg har brug for et lille script, hvor jeg
kan påtrykke et vilkårligt objekt filteregenskaberne

document.getElementById(objekt).style.filter="alpha(opacity="+var+")";
document.getElementById(objekt).style.opacity=var/100;

således at var øges fra 0 til 100 over en vis tid.

Jeg har syslet lidt med det selv, men det driller...

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

---

Den 28-05-06 23.40 skrev Jørgen Farum Jensen følgende:

> document.getElementById(objekt).style.filter="alpha(opacity="+var+")";
> document.getElementById(objekt).style.opacity=var/100;
>
> således at var øges fra 0 til 100 over en vis tid.

Måske du kan finde hjælp her:
http://lynchknot.com/ffthemes.html

Jeg har ikke særlig meget tjek på JavaScript, så jeg kan ikke
gennemskue, hvad der sker. Men prøv at holde musen over et link.

--
Mvh. Kim Ludvigsen
Tips og tricks til websnedkeren.
http://kimludvigsen.dk

---

On Sun, 28 May 2006 23:40:00 +0200, Jørgen Farum Jensen
<jfjenzen@yahoo.dk> wrote:

> Jeg har brug for et lille script, hvor jeg
> kan påtrykke et vilkårligt objekt filteregenskaberne
>
> document.getElementById(objekt).style.filter="alpha(opacity="+var+")";
> document.getElementById(objekt).style.opacity=var/100;
>
> således at var øges fra 0 til 100 over en vis tid.

Her er et simpelt eksempel, hvor opacity øges med 0,01 for hver 10
millisekund indtil den når 1:
function initFade()
{
   var elem = document.getElementById(objekt);
   var i = 0;

   function fade()
   {
      elem.style.opacity = i/100;
      elem.style.filter="alpha(opacity="+i+")";
      elem.style.MozOpacity = i/100;
      elem.style.KhtmlOpacity = i/100;
      i += 1;
      if (i==100)
      {
         clearInterval();
      }
   }
   setInterval(fade,10);
}

Jeg ved ikke helt, hvor længe vi skal blive ved med at tage hensyn til
MozOpacity og KhtmlOpacity, men det er nok bedre at være på den sikre side


--
Ryan Kristensen

---

Ryan Kristensen wrote:

> Her er et simpelt eksempel, hvor opacity øges med 0,01 for hver 10
> millisekund indtil den når 1:
> function initFade()
> {
> var elem = document.getElementById(objekt);
> var i = 0;
>
> function fade()
> {
> elem.style.opacity = i/100;
> elem.style.filter="alpha(opacity="+i+")";
> elem.style.MozOpacity = i/100;
> elem.style.KhtmlOpacity = i/100;
> i += 1;
> if (i==100)
> {
> clearInterval();
> }
> }
> setInterval(fade,10);
> }

Tak skal du ha'.

For lige at gøre den universel:

function initFadeIn(objekt) {
var elem = document.getElementById(objekt);
var i = 0;
function fade() {
elem.style.opacity = i/100;
elem.style.filter="alpha(opacity="+i+")";
elem.style.MozOpacity = i/100;
elem.style.KhtmlOpacity = i/100;
i += 1;
if (i==100){
clearInterval();
}
}
setInterval(fade,10);
}

- for det tilfældes skyld at andre har brug
for sådan én.


--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..