Download filer fra Galleria for din hjemmeside

Hvis du bruger Galleria at bygge et foto portefølje til din hjemmeside til at vise på iPad og iPhone, er du nødt til at downloade filer fra Galleria hjemmeside. Når du har jQuery biblioteket installeret, skal du følge disse instruktioner for at downloade alt, hvad du har brug for fra Galleria hjemmeside:

Starte en browser og navigere til Galleria hjemmeside.

Denne side indeholder oplysninger om den seneste bygger på Galleria og eksempler på gallerier oprettet med deres temaer og script.

Klik på knappen Hent øverst på siden.

Browseren fører dig til GitHub downloadsiden for Galleria. GitHub opfordrer dig til at tilmelde dig for at modtage opdateringer eller dele din egen kode. Du donâ € t nødt til at gøre dette for at hente Galleria.

Klik på linket Hent Galleria.

Afhængigt af webbrowseren youâ € re at bruge og de indstillinger, du har angivet, .zip-filen enten downloads automatisk eller download source dialogboksen åbnes, og du kan gemme filen på din harddisk.

Brug et dekompression program til at udpakke indholdet af filen.

De fleste moderne computere automatisk udpakke indholdet, når du dobbeltklikker på en .zip-fil. Dette trin opretter en mappe med navnet Galleria-1.2.3 (eller hvad de kaldte den seneste version). Denne mappe indeholder en mappe med navnet Galleria og den indeholder undermapper med manuskriptet og tema-filer.

Kopier Galleria mappe i de vigtigste rodmappen på dit websted.

Galleria mappe og undermapper med manuskriptet og tema filer kopieres til dine hjemmesider vigtigste rodmappe.

Download filer fra Galleria for din hjemmeside

Opret en ny side eller åbne hjemmeside, hvor du vil tilføje galleriet i din foretrukne web-design program.

Adobe Dreamweaver er et godt valg, men der er mange andre at vælge imellem.

Indsæt koden at indlæse Galleria tema i din webside:

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

Højden og bredden i det foregående Galleria tema kode kan redigeres til at passe dine billeder og design.

Denne smule kode arbejder med den gratis version af Galleria, som kommer med den klassiske tema. Selvom temaet er inkluderet i den aktuelle version af hjemmesiden, bør du tjekke den seneste dokumentation på Galleria hjemmeside og gennemgå indholdet af Galleria mappe du downloader, for at sikre, at temaet henvises til i den foregående kode er stadig aktuel.

Sørg for, at billeder, du vil optræde i din Galleria galleri lagres inden for det vigtigste rodmappen på dit websted.

Hvis theyâ € re ikke gemt i de vigtigste rodmappen wonâ de € t display korrekt.

Føj følgende kode mellem <body> tags på din hjemmeside opdatering billedet navne og sti for billederne til at matche dit websted.

HTML-koden ser sådan ud:

<Div id = "galleri">
<Img src = "/ images / photo1.jpg" alt = "farvede glas collage" title = "Stained Glass Collage">
<Img src = "/ images / photo2.jpg" alt = "museum installation" title = "Museum Installation">
</ Div>

Føj linket til script i afsnittet <head> på din webside ved hjælp af denne kode:

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

Når du henter scriptet fra Galleria, kan du få en nyere version af JavaScript-fil, så tjek navnet.

Du kan tilpasse den måde, Galleria viser dine fotos i en række forskellige måder ved at redigere scriptet og CSS. For en komplet gennemgang af de tilgængelige muligheder, kan du besøge Galleria hjemmeside.


© 2020 Zajacperrone.com | Contact us: webmaster# zajacperrone.com