Last ned filer fra Galleria for ditt nettsted

July 7  by Eliza

Hvis du bruker Galleria å bygge et bilde portefølje for nettstedet ditt skal vises på iPad og iPhone, må du laste ned filer fra Galleria nettside. Etter at du har jQuery biblioteket installert, følger du disse instruksjonene for å laste ned alt du trenger fra Galleria nettside:

Lansere en nettleser og gå til Galleria nettside.

Denne siden inneholder informasjon om den nyeste versjoner av Galleria og eksempler på gallerier opprettet med sine temaer og script.

Klikk Last ned-knappen øverst på siden.

Nettleseren tar deg til GitHub nedlastingssiden for Galleria. GitHub oppfordrer deg til å registrere deg for å motta oppdateringer eller dele din egen kode. Du dona € ™ t har å gjøre dette for å laste ned Galleria.

Klikk koblingen Last ned Galleria.

Avhengig av nettleseren youâ € ™ re hjelp og innstillingene du har angitt, ZIP-filen enten nedlastinger automatisk eller nedlastings Kilde dialogvindu åpnes, og du kan lagre filen på harddisken.

Bruk en dekompresjon program for å pakke ut innholdet i filen.

De fleste moderne datamaskiner automatisk pakke ut innholdet når du dobbeltklikker en ZIP-fil. Dette trinnet oppretter en mappe som heter galleria-1.2.3 (eller hva de heter den nyeste versjonen). Denne mappen inneholder en mappe som heter galleria, og den inneholder undermapper med manuset og tema filer.

Kopier galleria mappen inn i hoved rotmappen på ditt nettsted.

Galleria og undermappene med manuset og tema filer kopieres til nettsteder viktigste roten mappe.

Last ned filer fra Galleria for ditt nettsted

Opprett en ny side eller åpne websiden der du vil legge til galleriet i din favoritt web design program.

Adobe Dreamweaver er et godt valg, men det er mange andre å velge mellom.

Sett inn koden for å laste Galleria tema inn på din side:

<Script>
Galleria.loadTheme ('galleria / temaer / classic / galleria.classic.min.js');
$ ("# Gallery"). Galleria ({
width: 500,
høyde: 450
});
</ Script>

Høyden og bredden i den foregående Galleria tema kode kan redigeres for å passe dine bilder og design.

Denne bit av koden fungerer med gratisversjonen av Galleria, som kommer med Classic tema. Selv om temaet er inkludert i den nåværende versjonen av nettstedet, bør du sjekke den nyeste dokumentasjonen på Galleria hjemmeside og gjennom innholdet i galleria mappen du laster ned, for å sikre at temaet beskrevet i foregående kode er fremdeles aktuell.

Kontroller at bildene du ønsker å funksjonen i din Galleria galleri er lagret i hoved rotmappen på ditt nettsted.

Hvis theyâ € ™ re ikke lagret i hoved rotmappen, wonâ de € ™ t vises riktig.

Legg til følgende kode mellom <body> tags på nettstedet ditt oppdatere bilde navn og bane for bildene for å matche ditt nettsted.

HTML-koden ser slik ut:

<Div id = "galleri">
<Img src = "/ images / photo1.jpg" alt = "farget glass collage" title = "Stained Glass Collage">
<Img src = "/ images / photo2.jpg" alt = "museum installasjon" title = "Museum Installasjon">
</ Div>

Legg linken til manuset i <head> -delen av din nettside ved hjelp av denne koden:

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

Når du laster ned skriptet fra Galleria, kan du få en nyere versjon av Javascript-fil, så sjekk navnet.

Du kan tilpasse måten Galleria viser bildene dine på en rekke måter ved å redigere skriptet og CSS. For en komplett oversikt på de tilgjengelige alternativene, kan du gå til Galleria hjemmeside.