Harjoitus 4 - kuvagalleria animaatioilla

Tredun ohjelmistokehittäjien kurssimateriaaleja

Harjoitus 4 - kuvagalleria animaatioilla

Luo kolmen keskenään samankokoisen kuvan kuvagalleria. Sivulla käytetään erilaisia animaatioita.

  1. Kun hiiri liikkuu kuvan päälle, ilmestyy näkyviin kuvateksti kuvan alle. Kuva itse joko nousee ylöspäin tai suurenee.
  2. Sivulla on yksi jatkuva animaatio, jossa elementti vaihtaa väriä koko ajan. Se voi olla joko sivun suuri otsikko tai jokin taustaväri.
  3. Sivulla on nappi, jolla on jatkuva animaatio, jossa sen koko kasvaa ja pienenee pikkuisen. Siinä voi lukea esimerkiksi “Enemmän kuvia”. Nappi pitenee ja sen väri vaihtuu, kun hiiri viedään sen päälle.