Hvordan Aktiver Stilig Lightbox

Hvordan Aktiver Stilig Lightbox


Lightbox er et gratis, nedlastbart program for webutviklere og designere til å dele bilder og media på nettet, med stilige effekter. Bruke Lightbox gir deg muligheten til å legge dybde til nettstedets atmosfære og nåværende layout eller tema. Legge Lightbox er mulig med tilgang til nettstedets viktigste filer, og det krever ikke mye tid til å gjennomføre stiler.

Bruksanvisning

1 Åpne nettleseren - for eksempel Mozilla Firefox, Internet Explorer eller Google Chrome - og besøke den offisielle nettsiden Lightbox (lokeshdhakar.com/projects/lightbox2).

2 Klikk på "Last ned" for å lagre Lightbox 2 filer til skrivebordet på datamaskinen eller en annen mappe på harddisken.

3 Last opp Lightbox filene til en mappe på nettstedet ditt, ved hjelp av web verter egen filopplaster eller en gratis FTP-program - som Cute FTP (globalscape.com), Smart FTP (smartftp.com) eller CoreFTP (coreftp.com) .

4 Inkluder Lightbox grunnskriptkode i overskriften på alle sidene du ønsker å bruke Lightbox:

"<Script type =" text / javascript "src =" JS / prototype.js "> </ script>
<Script type = "text / javascript" src = "js / scriptaculous.js? Load = effekter, byggmester"> </ script>
<Script type = "text / javascript" src = "JS / lightbox.js"> </ script> "

Lagre og laste opp alle filene med den ekstra grunnleggende Lightbox script til nettstedets server.

5 Lim inn Lightbox CSS-kode - for å innlemme styling av CSS for Lightbox script - innenfor hoveddelen av alle sider, inkludert dette skriptet:

"<Link rel =" stylesheet "href =" css / lightbox.css "type =" text / css "media =" screen "/>".

Alternativt åpne "lightbox.css" filen selv å kopiere og lime inn Lightbox CSS-koden til den opprinnelige CSS stylesheet, for enklere redigering og oppdatering av nettstedets stil med Lightbox stil.

6 Legg til "rel =" lightbox "på noen HTML bilde eller lenke koden du ønsker å bruke med Lightbox legge til et bilde til nettstedet ditt ved hjelp Lightbox, lime." <A href = "http: //www.imageURL.jpg&quot; rel = "lightbox" title = "caption av mitt image"> bilde~~POS=TRUNC Link Text </a> ". Lagre filene du har lagt "rel =" lightbox "til, og laste dem opp til webserveren til å vise endringer stedets leve, som omfatter Lightbox script.

Hint

  • Lage sikkerhetskopi av filer hver side du redigerer å innlemme Lightbox, for å beskytte nettstedets nåværende design og innhold fra potensielle kodefeil.