Fade

har du prøvet at lege lidt med de indbyggede dhtml-effekter i Frontpage 2000 ?

kan ikke bruge frontpage, da serveren jeg er på er en linux server der ikke understøtter det =(

mon ikke det er dette du skal bruge:

http://www.eksperten.dk/spm/29967

jeg er desværre lidt dum til det her....kan du ikke lavet et eksempel ?

Desværre det er en ret ny facilitet der kun findes i IE 5.0 (eller måske kun IE5.5) Jeg har kun IE4 så et script jeg laver vil være rent gætteri.

Men hold spørgsmålet åbent, der kommer nok en forbi der kan.

mvh JakobA

En simpel rollover med et animeret preloadet gif. Sværere er det ikke :o)

E-)mil
http://eej.dk
http://fotx.net/emileej

hvis det altid er den samme tekst kunne du evt bruge alfa filter funktionen - jeg er ikke klar over browser kompatibiliteten - på et gif billede indeholdende teksten. Og så lade en timer skrue ned for gennemsigtigheden:

var thdFade;
var gifOpacity=0;

function fadePic()
{

  if(gifOpacity==100)
    clearTimeout(thdFade);
  else
  {
    gifOpacity+=10;
    thdFade = window.setTimeout(\'fadePic()\',200);
  }
}

og på onMouseOver på billedet skal du så kalde fadePic funktionen:

<img src=\"en-eller-anden-fil\" onMouseOver=\"fadePic()\">

de 200 i windows.setTimeout funktionen er intervallet i ms der går imellem hver kald af fadePic funktionen.

ehhh - det væsenligste mangler sgu da:

du skal lave et img tag indeholdende tekstbeskeden:

<img name=\"fadeGif\" src=\"fadeText.gif\" style=\"filter:alpha(Opacity:0)\">

og så kommer fadePic funktionen til at se sådan ud:


function fadePic()
{

  if(gifOpacity==100)
    clearTimeout(thdFade);
  else
  {
    gifOpacity+=10;
    document.fadeGif.filters.alpha.opacity=gifOpacity;
    thdFade = window.setTimeout(\'fadePic()\',200);
  }
}


jeg ved som sagt ikke om filter egenskaben (og kaldet til den i fadePic()) virker i andre browere end IE !!!

Har fået travlt nu om stunder...tester det når jeg får tid =)
Tak for hjælpen

>>tknudsen

Hvordan skriver du det i CSS?
Jeg har prøvet med alpha-opacity:80 - uden held...

E-)mil
http://eej.dk
http://fotx.net