Lightbox är ett revolutionerande javascript som gör att du kan visa bilder , videor eller ens en hel webbsida i ett semi - transparent overlay på en webbplats . Det finns många versioner och anpassningar av Lightbox , men de är alla modellerade efter Lightbox JS , som ursprungligen skrevs av Lokesh Dhakar . Även ljusbord JS kan verka förvirrande för en icke- programmerare , kan det faktiskt sättas upp ganska lätt med några instruktioner. Komma Lightbox
Förvärva rätt filer . Det finns flera versioner av de ursprungliga ljusbord och var och en är skräddarsydd för en viss uppsättning behov. Om du kommer att använda Lightbox bara för att visa bilder , ladda ner filerna för Lightbox JS 2 . Om du vill visa webbsidor i ljusbord , det finns ett paket som kallas Lightbox Gone Wild som är konfigurerad för detta . Om du har problem med att få Lightbox JS 2 att köras på din webbserver , prova att använda Lightbox Plus .
Använda Lightbox JS 2
JS
Lighbox 2 finns att ladda ner gratis på HuddleTogether.com och zip-filen innehåller allt du behöver för att ha ljusbord på din hemsida . När du har laddat ner och packade upp filerna , skapa en mapp för Lightbox filer på din webbserver . Öppna den webbsida du vill ha Lightbox arbetar på - till exempel index.html - - och in följande kod i din header :
" < - ! Start LightboxJS2 - > < link rel = " stylesheet " href = " http://www.example.com/lightbox.css " type = " text /css " media = " screen " /> < script type = " text /javascript " src = " http://www.example.com/prototype.js " > < /script > < script type = " text /javascript " src = " http://www.example.com/scriptaculous.js?load = effekter " > < /script >
