SMIL prijelazi - transitions

Sada ćemo vidjeti kako koristiti prijelazne efekte između objekata. Za to su nam potrebni sljedeći atributi:

1. type
2. mode
3. from
4. begin
5. to

Type

Ovaj atribut definira tip prijelaza. Postoji definirano 12 vrsta prelaza, a to su: fade, barnDoorWipe, barWipe, clockWipe, ellipseWipe, fanWipe, irisWipe, pushWipe, slideWipe, snakeWipe, spiralWipe, starWipe.

Mode

Definira da li će se efekt primijeniti na početku ili na kraju i može imati vrijednost in i out.

From i To

Definiraju početnu i krajnju vrijednost prijelaza. Vrijednost može biti između 0 i 1.

Begin

Begin definira kada će prijelaz započeti.

Sada krenimo na primjer. Nemojte zaboraviti staviti potrebne dijelove u html i head tag.

<html xmlns:t="urn:schemas-microsoft-com:time"> <head> <?import namespace="t" implementation="#default#time2"> <style>.t {behavior: url(#default#time2)}</style> </head>

Sada idemo napraviti SMIL prezentaciju.Za početak definiramo prijelaz. Koristit ćemo fade prijelaz.

<t:transitionfilter targetelement="slika" type="fade" dur="3s" /> <img id="slika" class="t" src="image1.jpg" dur="4s" />

Isto tako možemo iskoristiti begin atribut da pokrenemo animaciju kada kliknemo npr. na dugme. U tom slučaju prijelaz će biti napisan ovako:

<t:transitionfilter targetelement="slika2" begin="dugme.onclick" type="fade" dur="2s" /> <img id="slika2" class="t" src="image1.jpg" dur="6s" begin="dugme.onclick"/> <input type="button" id="dugme" value="Pocmi animaciju">

Ako ste naučili nešto novo napišite jedan komentar podrške.
Hvala!

Autor: Vedran

Datum objave: 21.01.2008

Za vas smo izdvojili:

■  Kretanje po predefiniranoj liniji
■  Animacija div elemenata
■  SMIL - uvod

Zadnjih 5 članaka

■  Izgubljena particija i dokumenti
■  Kako napraviti crosover kabel
■  Spam poruke
■  Hiperveze između Word dokumenata
■  Lozinke, lozinke ...

KOMENTARI:

Nema još ni jednog komentara.

Samo registrirani korisnici mogu komentirati.