Hvordan legge til Lightbox

July 22

Lightbox er et populært lav profil Java-script som gjør det enkelt å markere bilder omtalt på nettstedet ditt på en måte som setter dem opp foran og sentrum. Ved å legge til Lightbox til nettstedet ditt, vil du aktivere seerne til å trekke til bilder opp til sentrum av en skjerm og for å undersøke dem individuelt. Den gjør også betrakteren til å bla gjennom bildene raskt ved å klikke på venstre eller høyre på bildet. Legge til flere bilder til din Lightbox skriptet er et spørsmål om å liste opp de bildene som er i ditt nettsted katalog i Lightbox skriptet.

Bruksanvisning

1 Åpne din nettside editor, og finn overskriften på HTML-siden-kode. Inkluder de tre Javascript-filer i din header:

3 Legg rel = "lightbox" til noen link tag for å aktivere Lightbox funksjonen. Dette betyr legge denne linjen til HTML for et bilde du ønsker å være front og senter i Lightbox funksjonen. For eksempel:

<a href="images/image-1.jpg" rel="lightbox" title="my caption"> bilde 1 </a>

Sett inn hva du ønsker å si om fotografiet ved å fylle ut "min bildetekst" med dine egne ord. Hvis du ønsker flere bilder for å bli omtalt, legge linjene omtalt i trinn fem.

4 Legg til flere bilder ved å utpeke en gruppe av fotografier for Lightbox å vise. Gjøre det ved å legge til:

<a href="images/image-1.jpg" rel="lightbox[group]"> bilde 1 </a>

<a href="images/image-2.jpg" rel="lightbox[group]"> bilde # 2 </a>

<a href="images/image-3.jpg" rel="lightbox[group]"> image # 3 </a>

Plasser navnet på gruppen av bilder du ønsker å funksjonen ved å skrive det i klammeparenteser som sier "gruppen". Bruk en linje for hver og fotografi, og husk det er ingen grense for hvor mange bilder du kan legge til.

5 Sjekk skriptet ved å trekke opp nettsiden i nettleseren din. Sørg for at katalogene er riktig, og at bildene er merket riktig, slik at Lightbox skriptet kan finne dem.