ID è un libero, applicazione scaricabile per gli sviluppatori web e designer di condividere immagini e media online, con effetti alla moda. Utilizzando Lightbox ti dà la possibilità di aggiungere profondità al atmosfera del tuo sito web e il layout corrente o tema. L'aggiunta di ID è possibile con l'accesso ai file principali del tuo sito web, e non richiede molto tempo per attuare gli stili.

istruzione

1 Aprire il browser Internet - come Mozilla Firefox, Internet Explorer o Google Chrome - e visitare il sito web ufficiale di ID (lokeshdhakar.com/projects/lightbox2).

2 Fai clic su "Download" per salvare i file ID 2 per il desktop del computer o in un'altra cartella sul disco rigido.

3 Caricare i file Lightbox in una cartella sul vostro sito web, utilizzando proprio uploader file delle web padroni di casa o di un programma FTP gratuito - come Cute FTP (globalscape.com), smart FTP (smartftp.com) o CoreFTP (coreftp.com) .

4 Includere il codice di script di base ID nell'intestazione di tutte le pagine che si desidera utilizzare ID:

"<Script type =" text / javascript "src =" js / prototype.js "> </ script>
<Script type = "text / javascript" src = "js / scriptaculous.js? Carico = effetti, costruttore"> </ script>
<Script type = "text / javascript" src = "js / lightbox.js"> </ script> "

Salvare e ricaricare tutti i file con l'ID Basic Script aggiunto al server del tuo sito web.

5 Incollare il codice ID CSS - di incorporare lo stile della CSS per lo script ID - all'interno della sezione di testa di tutte le pagine, tra cui questo script:

"<Stylesheet" href = "" type = "css / lightbox.css" media = "screen text / css" / link rel = ">".

In alternativa, aprire il "lightbox.css" presentare voi stessi di copiare e incollare il codice CSS ID per il foglio di stile CSS originale, per l'editing più semplice e l'aggiornamento dello stile del tuo sito web con lo stile ID.

6 Aggiungere "rel =" lightbox "a qualsiasi immagine codice HTML o collegamento che si desidera utilizzare con Lightbox Per aggiungere un'immagine al tuo sito web utilizzando ID, pasta:." <A href = "http: //www.imageURL.jpg&quot; rel = "lightbox" title = "caption della mia immagine"> immagine link Text </a> ". Salvare i file aggiunti "rel =" lightbox "a, e caricarli sul tuo server web per visualizzare le modifiche del tuo sito vivere, incorporando lo script ID.

Consigli e avvertenze

• Creare file di backup di ogni pagina che si sta modificando per incorporare Lightbox, per proteggere il design attuale del tuo sito web e dei contenuti da parte di potenziali errori di codifica.