ID è uno script Java basso profilo popolare che lo rende facile evidenziare le fotografie presenti sul vostro sito web in un modo che li mette in su davanti e al centro. Con l'aggiunta di ID al tuo sito web, si prevede di abilitare l'attenzione degli spettatori per tirare le vostre fotografie fino al centro di uno schermo e di esaminarli singolarmente. Inoltre permette allo spettatore di scorrere rapidamente le fotografie cliccando a sinistra oa destra sulla fotografia. L'aggiunta di più fotografie allo script Lightbox è una questione di elencare le immagini che sono nel vostro sito web directory all'interno dello script ID.

istruzione

1 Aprite il vostro editor di pagine web, e individuare l'intestazione del codice pagina HTML. Includere i tre file JavaScript nel intestazione:

<Script type = "text / javascript" href = "css / lightbox.css" type = "text / css" media = "screen" />

3 Aggiungere rel = "lightbox" a qualsiasi tag link per attivare la funzione ID. Questo significa aggiungere questa linea per il codice HTML per qualsiasi immagine che si desidera essere davanti e al centro nella funzionalità ID. Per esempio:

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

Inserire qualunque cosa volete dire sulla fotografia compilando il "mia voce" con le tue parole. Se si desidera ulteriori fotografie a essere presenti, aggiungere le righe presenti nella fase cinque.

4 Aggiungere ulteriori immagini designando un gruppo di fotografie per ID da visualizzare. Farlo aggiungendo:

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

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

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

Posizionare il nome del gruppo di fotografie che si desidera caratterizzare inserendo nelle parentesi quadre che dicono "gruppo". Utilizzare una linea per ogni fotografia, e ricordare non vi è alcun limite al numero di foto è possibile aggiungere.

5 Controllare lo script tirando la pagina Web nel browser. Assicurarsi che le directory siano corrette e che le immagini sono state etichettate correttamente in modo che lo script ID di loro in grado di individuare.