Lightbox asennettu sivuille

Lauantai 28.8.2010 klo 21:35 - Jyri

Pienen hiljaisuuden jälkeen taas lisää blogitekstejä... :)

Asentelin tänään sivuilleni sellaisen kivan JavaScript-koodin kuin Lightbox. En jaksanut alkaa hirveästi sitä muokkaamaan, joten tämä versio toimii vain kuvatiedostoilla. Mikäli joskus jaksan, niin koodaan siihen vielä Flash- ja iframe-mahdollisuudet, niinkuin olen jo kertaalleen tehnyt.

Mikäs se semmoinen Lightbox sitten oikein on? No, se on tapa esittää kuvia siten, että linkkiä tai pientä kuvaa klikkaamalla kyseinen kuva aukeaa suurempana kyseessä olevan sivun päälle. Voit testata sitä klikkaamalla alla olevaa kuvaa. Mikäli kuva aukeaa nätisti tämän sivun päälle, se toimii oikein. Mikäli kuva puolestaan avautuu semmoisenaan niin, että joudut painamaan "back"-nappia, niin sinulla taitaa olla JavaScript kytkettynä pois päältä :(

Nyt kun tuo on asennettu, tulen käyttämään sitä tulevissa blogikirjoituksissani.

Siinä on myös sellainen hyvä puoli, että sillä on mahdollista tehdä diasarjoja siten, ettei sitä tarvitse sulkea siirryttäessä kuvasta toiseen. Mikäli kuva on osa tällaista sarjaa, kuvan päälle tulee napit, joilla voi siirtyä edelliseen tai seuraavaan kuvaan. Lisäksi siirtyminen onnistuu myös nuolinäppäimillä tai "e" ja "s" -näppäimillä. Lightboxin saa suljettua klikkaamalla "Sulje"-nappia, painamalla ESC:iä tai "x"-näppäintä tai vaan klikkaamalla kuvan ulkopuolelle. Monikäyttöinen viritys siis :)

Otan mielelläni vastaan palautetta uudistuksesta joko kommentteihin tai sitten palautelomakkeella.

Muokattu 12.12.2010 8:39: Vaihdettu lighbox shadowboxiin