Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Kuinka luoda välähdysefekti?

9 views
Skip to first unread message

Harri Juntunen

unread,
May 30, 2012, 6:02:02 AM5/30/12
to
Ylen uudistuneessa "yle"-logossa v�l�ht�� l-kirjaimen yl�p��ss� v�l�hdys.
Haluaisin kokeilla samanlaista flashia (onko oikein?) www-sivun gif-kuvassa.

Sivulla http://www.kultahiekka.fi on py�re�, keltavihre� logo
gif-kuvana, jonka haluaisin v�l�ht�v�n sivun auettua.

Minulla ei ole aavistustakaan kuinka se teht�isiin ja onko se edes
mahdollista?

Jukka K. Korpela

unread,
May 30, 2012, 6:35:20 AM5/30/12
to
2012-05-30 13:02, Harri Juntunen kirjoitti:

> Ylen uudistuneessa "yle"-logossa välähtää l-kirjaimen yläpäässä välähdys.

Ai. Ilmeisesti jossain tv-lähetyksissä. Ei nähdäkseni Ylen
nettisivuilla, mutta ehkä jossain vaiheessa jollakulla välähtää, että
sinnekin pitäisi saada.

> Haluaisin kokeilla samanlaista flashia (onko oikein?) www-sivun
> gif-kuvassa.

Hyvä nyrkkisääntö on, että jos sivulla on liikettä, liikkeen pitäisi
olla tärkein asia sivulla. Liike on sen verran vahva katseenvangitsija.
Jos esimerkiksi tv-lähetyksessä näytetään jollakin hetkellä vain jotain
logoa isona, niin silloin siinä tietysti voi olla välkettä ja vilkettä.
Jos taas logo vain on merkkinä siitä, minkä firman tms. sivuilla ollaan,
sen olisi parasta olla ihan hiljaa ja paikallaan.

Mutta välkettä saa kyllä vaikka animoidulla gif-kuvalla; sellaista on
harrastettu kauan. Googlaamalla (animated gif) löytynee edelleen tietoja
työkaluista jne.

Flash on monien mielestä väistyvää tekniikkaa. Toki silläkin onnistuisi,
ja toimii vielä useimmiten.

HTML5:n canvas-toiminnoilla onnistuisi melko helposti. Jonkinlaista
JavaScriptiä pitää kuitenkin osata vääntää. Hyviä kirjastoja on tehty,
mutta tällainen on niin yksinkertainen, että se olisi varmaan nopeampi
koodata itse.

Tietysti onnistuu myös vaikkapa asemoimalla CSS:llä kaksi elementtiä
päällekkäin ja koodaamalla pieni skripti, joka ajastetusti lisää toiseen
elementtiin sisällön (kuten kuvan toisen kuvan päälle) ja sitten poistaa
sen.

Ja sitten on tietysti <blink>! ☺

> Minulla ei ole aavistustakaan kuinka se tehtäisiin ja onko se edes
> mahdollista?

Varmasti on mahdollista. Jos muuten niin videolla. Mutta tärkeämpi
kysymys on, onko se aiheellista.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
0 new messages