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" 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.