Javascript
- Javascript i dag -inledning
- Dom - Document object model
- Dom - Hemliga länkar
- Formulärkomponenter
- Morphning av bilder
Animeringar
Javascript och stilar
Morphning av bilder i Javascript
Jag trodde nog aldrig att det skulle bli möjligt att morpha bilder i Javascipt. Men nu är vi där. Principen är helt enkelt att lägga två block (divar) ovanpå vartannat. Förse dessa med en bilder som bakgrund och sedan ställa transparensen på det ovanliggande lagret. Det handlar än så länge inte om någon tyngre grafikhantering, men det skulle inte förvåna, om man i en framtid, dynamiskt kommer att kunna skapa och modifiera bilder med hjälp av Javascript.
Här kan du se ett litet utdrag ur javascriptet. I övrigt så hänvisas till de
filer, du kan ladda ner här Morphexempel
function morph()
{
document.getElementById("picture_b").style.opacity=value;
document.getElementById("picture_b").style.filter =
'alpha(opacity=' + value*100 + ')';
value+=0.02;
timer = setTimeout("morph()",50);
if(value>=2)
{
clearTimeout(timer);
value=0;
timer = null;
startMorph();
}
}