Scaricare file da Galleria per il tuo sito

Se si utilizza Galleria di costruire un portafoglio di foto per il tuo sito per visualizzare su iPad e iPhone, è necessario scaricare i file dal sito Galleria. Dopo aver installato la libreria jQuery, seguire queste istruzioni per scaricare tutto il necessario dal sito Galleria:

Avviare un browser e navigare il sito Galleria.

Questa pagina contiene informazioni sulle ultime build di Galleria e esempi di gallerie create con i loro temi e sceneggiatura.

Fare clic sul pulsante Download nella parte superiore della pagina.

Il browser vi porta alla pagina di download GitHub per Galleria. GitHub incoraggia a iscriversi per ricevere aggiornamenti o condividere il proprio codice. Si dona € t hanno a che fare questo al fine di scaricare Galleria.

Fare clic su Download Galleria.

A seconda del browser web youâ € re utilizzando e le impostazioni specificate, il file .zip o download automatico o la finestra di dialogo Scarica Sorgente si apre ed è possibile salvare il file sul disco rigido.

Utilizzare un programma di decompressione per decomprimere il contenuto del file.

La maggior parte dei computer moderni decomprimere automaticamente il contenuto quando si fa doppio clic su un file .zip. Questo passaggio crea una cartella denominata galleria-1.2.3 (o quello che prende il nome la versione più recente). Questa cartella contiene una cartella denominata galleria, e contiene sottocartelle con i file di script e tematici.

Copiare la cartella galleria nella cartella radice principale del tuo sito web.

La cartella Galleria e le sottocartelle con i file di script e tematici vengono copiati i vostri siti web cartella radice principale.

Scaricare file da Galleria per il tuo sito

Creare una nuova pagina o aprire la pagina web in cui si desidera aggiungere alla galleria nel vostro programma di web design preferito.

Adobe Dreamweaver è una buona scelta, ma ci sono molti altri tra cui scegliere.

Inserire il codice per caricare il tema Galleria nella tua pagina web:

<Script>
Galleria.loadTheme ('galleria / themes / classic / galleria.classic.min.js');
$ ("# Gallery"). Galleria ({
larghezza: 500,
Altezza: 450
});
</ Script>

L'altezza e la larghezza del precedente codice tema Galleria possono essere modificati in base alle proprie immagini e disegni.

Questo bit di codice funziona con la versione gratuita della Galleria, che si presenta con il tema classico. Anche se il tema è incluso nella versione attuale del sito, si dovrebbe verificare la documentazione più recente sul sito Galleria e rivedere il contenuto della cartella Galleria si scarica, per garantire che il tema si fa riferimento nel codice precedente è ancora in corso.

Accertarsi che le immagini che si desidera caratterizzare nella tua galleria Galleria sono memorizzati all'interno della cartella radice principale del tuo sito web.

Se theyâ € non è memorizzato nella cartella radice principale, si wonâ € esposizione correttamente t.

Aggiungere il seguente codice tra i tag <body> del tuo sito web aggiornando i nomi delle immagini e il percorso per le immagini per abbinare il vostro sito.

Il codice HTML simile a questo:

<Div id = "galleria">
<Img src = "/ images / photo1.jpg" alt = titolo "vetrate collage" = "Stained Glass Collage">
<Img src = "/ images / photo2.jpg" alt = "Installazione museo" title = "Museo Installation">
</ Div>

Aggiungi il link allo script nella sezione <head> della tua pagina web utilizzando questo codice:

<Script src = "Galleria / Galleria-1.2.3.min.js"> </ script>

Quando si scarica lo script da Galleria, si può ottenere una versione più recente del file JavaScript, in modo da verificare il nome.

È possibile personalizzare il modo in Galleria visualizza le foto in una varietà di modi, modificando la sceneggiatura e il CSS. Per avere la lista completa delle opzioni disponibili, visitare il sito web Galleria.