Eli tuota onko mahdollista tehdä animaatioita, jotka skaalautuvat ikkunan koon mukaan? Jos kiinnostusta riittää, niin kertokaa vaan lyhyesti mielipiteenne siitä, että lähestynkö onglema järkevästi.
Olisiko siis viisasta rakentaa animaatiota seuraavasti:
1. Lataa frame-kuvat.
2. Skaalaa frame-kuvat oikean kokoisiksi, käyttäen samaa menetelmää mitä esimerkissä(ks. alla).
3. pyörittää animaatio skaalatuilla frameilla.
esimerkki:
<html>
<head>
<script language="javascript">
function ScaleSize()
{
document.getElementById("imgTag").style.width = document.body.clientWidth;
document.getElementById("imgTag").style.height = document.body.clientHeight;
}
</script>
</head>
<body onload="javascript:ScaleSize();" onresize="history.go(0)">
<img id="imgTag" src="c:\Test.jpg" />
</body>
</html>Miksi asetat skaalaukseen käytettävät CSS-tyylit JS:llä? Mikset laita suoraan kuvalle tyyliksi style="width: 100%; height: 100%"? Ei tarvitsisi mitään onresize-kikkailujakaan, vaan kuva pysyisi varmasti skaalattuna.
Enpä tiedä, kopioin vain tämän esimerkin netistä :D
Eli siis CSS:lläkin voi skaalailla kuvia siis?
EDIT: ilmeisesti voi, kokeilin. En tiennyt tätä.
Metabolix kirjoitti:
height: 100%
Eihän heightille voi antaa prosenttiarvoja...
MIB kirjoitti:
Metabolix kirjoitti:
height: 100%Eihän heightille voi antaa prosenttiarvoja...
MIB kirjoitti:
Metabolix kirjoitti:
height: 100%Eihän heightille voi antaa prosenttiarvoja...
Jolle voisit antaa kaiketi perusteluja eikös vaan? Tässä kuitenkin W3school sivuston näkemys asiasta.
Kirjoitin tästä animaatioasiasta koodivinkin. Saa vaikka tähän keskusteluunkin ilmoittaa, jos jokin on pahasti pielessä.
Erehdyin tuosta height arvosta, pahoitteluni.
Aihe on jo aika vanha, joten et voi enää vastata siihen.