Mikä on JavaScript® -diaesitys?

JavaScript® -diaesitys, joka tunnetaan myös nimellä karuselli tai liukusäädin, on JavaScript® -ohjelmasta tehty skripti, jonka avulla kaksi tai useampia kuvia voidaan näyttää diaesityksenä. Eri toteutustyyppien avulla ohjelmoija voi tehdä eri JavaScript® -diaesityksen mieltymystensä perusteella. Tärkein syy käyttää JavaScript® -liukusäädintä on se, että se lisää verkkosivustoa ja antaa käyttäjälle mahdollisuuden nähdä ja selata monia kuvia viemättä paljon tilaa verkkosivustolla.

JavaScript® -diaesitys alkaa tyypillisesti kuvaryhmien luettelona. Tämä käskee JavaScriptin® näyttämään kuvan; skriptiin lisätään muutama perustoiminto, joka käskee JavaScriptin® siirtämään fokuksensa kuvasta toiseen. Ohjelmoija voi joko asettaa kuvat lineaariseen luetteloon tai kehottaa JavaScript®: ää näyttämään kuvat satunnaisesti. Tämän luettelon lisäksi toinen diaesitykseen lisätty yleinen toiminto on aikatoiminto, joten kuvat siirtyvät tietyn ajan kuluttua.

Jotkin JavaScript® -diaesityksen esitykset voivat sisältää myös toimintoja käyttäjälle, mutta näin ei aina ole. Näiden toimintojen avulla käyttäjä voi hallita diaesitystä. Yleisiä toimintoja ovat pysäytys- ja toistopainike, seuraava painike ja mahdollisuus siirtyä viimeiseen kuvaan. Jotkin kuvaesitykset voivat myös näyttää muiden kuvien pikkukuvia reunalla tai päänäytön alla, joten käyttäjä voi napsauttaa pikkukuvaa ja laajentaa kyseistä kuvaa.

Kuvien näyttämisen lisäksi JavaScript® -diaesitykseen voi lisätä myös erikoistehosteita. Tämän avulla ohjelmoija voi tehdä haalistuvia kuvia, liukuvia kuvia tai monia muita tehosteita. JavaScript® -karuselli sisältää yleensä vain kuvia, koska se on helpompi koodata ja vie paljon vähemmän muistia. Ohjelmoija voi halutessaan sisällyttää muita tiedostoja, kuten elokuvia tai äänitiedostoja. Diaesityksen tiedostoihin voidaan myös lisätä linkkejä, joten jos joku napsauttaa tiedostoa, hänet ohjataan verkkosivustolle.

Vaikka JavaScript® -diaesitykset ovat vaikuttavia ja vaativat suhteellisen pienen määrän koodia, ne palvelevat toista tärkeää toimintoa. Jos verkkosivustogalleria on tehty vain kuvien näyttämiseksi vierekkäin, tämä vie paljon verkkosivuston tilaa ja vaikeuttaa kuvien katsomista erikseen. Diaesitys käyttää paljon vähemmän tilaa, ja koska se on keskittynyt yhteen kuvaan kerrallaan, käyttäjän on helpompi käsitellä kuvia henkisesti.