Tilføjelse af en lysshow eller lyskasse til et websted giver dig mulighed for at se billeder med større klarhed. En bruger kan klikke på et billede for at forstørre det i en lyskasse vindue , der tilpasser sig efter størrelsen af billedet . Lysbord er et effektivt redskab til at vise store billeder uden at bremse loading tid , fordi du vil være at vise thumbnails i stedet for dine faktiske fotos. Brugeren behøver ikke at forlade den aktuelle side for at se større billede . Han kan bare lukke billedet for at se på et andet foto . Lysbord er bygget i Javascript og kan tilføjes til et websted ved hjælp af Javascript , jQuery, eller en Wordpress plugin. Ting du skal
Notesblok
Vis Flere Instruktioner
Wordpress
1

Installer Lysbord 2 plugin i Wordpress. Gå til admin område af hjemmesiden og klik på " Tilføj Ny " under " Plugins " i menuen. Søg ved hjælp af teksten " Lightbox 2". Installer den første plugin , der vises i dine søgeresultater.
2

Aktiver plugin. Denne mulighed vil blive vist på siden når plugin er blevet installeret.
3

Tilføj billeder til et indlæg i din blog.
4

Klik på et billede i et indlæg , og lyset åbnes.
Javascript
5

Download Lightbox 2 filer og installere på serveren (se Resources).
6

Åbn en teksteditor som Notesblok .
7

Opret en ny HTML-fil.
8.

Tilføj linkene til at JavaScript biblioteksfiler , der blev hentet i et tidligere trin og links til billeder:

< script type = "text /javascript " src = " js /scriptaculous.js ? belastning = effekter builder ">

< script type = "text /javascript " src = " js /lightbox.js ">

billede 1

image 2

< a href = " images/image3.jpg " rel = " lightbox [ roadtrip ] "> Billede 3
9

Gem filen og køre den i en browser. Klik på linket for at åbne billedet i en lyskasse .
JQuery
10

Hent jQuery filer og installere dem på serveren (se Resources).

11

Åbn en teksteditor som Notepad og oprette en ny HTML-fil
12

Tilføj links til JQuery og CSS-filer og link til foto : .
< p >

< script type = "text /javascript " src = " js /jquery . lightbox - 0.4.js ">

< link rel =" stylesheet "type =" text /css " href =" css/jquery.lightbox-0.4.css " media =" screen "/>

13

Tilføj JQuery kode , for at vise lyskasse , når fotoet er klikket : Hej