lightbox 2

Tässä auttaisi, jos kertoisit sivusi osoitteen, josta voisi katsoa, mitä tarkkaan ottaen olet yrittänyt. Vaikea sanoa, mitä teet väärin, kun ei näe, mitä teet.

Ohjehan on aika yksinkertainen. Aluksi pitää tietysti ladata Lightbox-kirjasto ja purkaa se. Sitten voi testata paikallisesti omassa koneessa, ja kun toimii, kopioida kirjaston ja sitä käyttävät tiedostot web-palvelimeen.

Omalle sivullesi tarvitset ohjeessa mainitut kolme script-elementtiä ja yhden link-elementin. Kirjasto pitää purkaa samaan hakemistoon, missä omat sivusi ovat, jotta suhteelliset osoitteet menevät oikein. Kunhan olet asentanut Firefoxiin Web Developer Extension (kannattaa tehdä joka tapauksessa), voit helposti katsoa, että selain löytää nuo tiedostot.

Sitten voit alkaa kokeilla käyttöä, aluksi yksinkertaisessa yhden kuvan tapauksessa. Sitä varten teet vain linkin, joka viittaa kuvatiedostoon ja johon (siis linkkiin) panet määritteen rel=lightbox. Sitten vain kokeilemaan, mitä tapahtuu, kun klikkaat linkkiä.

Tulin tutustuneeksi Lightboxiin kirjoittaessani tuoreina kirjaani (Going Global with JavaScript and Globalize.js) ja päätin ottaa sen esimerkiksi siitä, mitä kirjastontekijän *ei* kannata tehdä. Lightboxissa ei nimittäin ole lainkaan varauduttu lokalisointiin – siinä on jopa tehty yksinkertaiset painikkeet kuvina, joissa on tekstiä. Eli jos haluat, että käyttöliittymä on millään muulla kielellä kuin englanniksi, se on tehtävä itse, ja sitä varten pitää tutkia ohjelmiston toteutus. Ei se mitään rakettitiedettä ole, ja käyttöliittymässä on varsin vähän tekstejä, mutta ihan turhaa on, että lokalisoijan pitäisi askarrella painikekuvien kanssa sen sijaan, että vain syöttäisi tekstien vastineet.