Hvordan lage et bilde Trigger en Lightbox

August 11

Lysbord er modale dialogbokser som er lagt på toppen av en webside. De blir ofte brukt av webutviklere å vise bilder eller video på en behagelig og brukervennlig måte. Heldigvis for utviklere, er det mange eksisterende Javascript plug-ins som forenkler prosessen med å lage og vise en lysbilde. En populær plug-in er Lightbox JS. Ved hjelp av Lightbox JS, utviklere trenger bare å skrive noen få linjer med kode for å lage en klikke et bilde utløse et lysbord.

Bruksanvisning

1 Gå til http://www.huddletogether.com/projects/lightbox/ og laste ned Lightbox JS skript.

2 Finn "<head> </ head>" koder på websiden din. Mellom disse linjene, inkluderer Lightbox JS skript du lastet ned i trinn 1: ". Ankerkoder Sett" "<script type =" text / javascript <a> "tag er rel-attributtet til" lightbox "og dens src attributt til plasseringen av bildefilen.

4 Din endelige koden skal se slik ut: