Galerie lightbox2

Crearea galeria foto de pe site-ul web

Galerie LightBox2 - instalare și configurare

Intr-un articol anterior, sa vorbit despre cel mai mult, probabil, un popular galerie foto gratuit - Lightbox. create pe baza jQuery script-ul bibliotecii. Pe web designeri bază Lightbox am dezvoltat o serie de clone interesante, dar versiunea originală este încă mai continuă să se dezvolte și aplicate cu succes pentru galerii pe mai multe site-uri. Luați în considerare că ultima actualizare - Lightbox2 conectați. Acesta este mic în dimensiuni și, ca întotdeauna, ușor de instalat pe site-ul. Astfel, Lightbox2 are un design atractiv, funcționează în toate browserele și că este deosebit de plăcut, se afișează corect imagini de mari dimensiuni, comprimarea acestora în conformitate cu dimensiunea ecranului utilizatorului.

Setarea galerie foto LightBox2

Pentru a instala galeria foto LightBox2 a crea mai întâi un nou director de pe site-ul, numindu-l, desigur, lightbox2. Acest dosar ar trebui să fie în același director ca pagina cu galerie foto. Apoi, descărcați fișierul și dezarhivați-l în directorul creat. Am obține două script-uri (* Js), imaginea auxiliară (folder img) și fișier CSS (* .css). Apoi, inserați-l în antetul paginii cu un viitor galerie foto în interiorul tag-ul . următoarele linii, indicând modul în care noul nostru fișier:

Dacă doriți să faceți etichete pentru imagini, apoi puneți-le în referințele titlu.
EXEMPLU galerii simple ale celor trei imagini prezentate în figură:

Prin urmare, este de dorit să se furnizeze o imagine de mare rezoluție a avut, de exemplu, cel puțin 1000 de pixeli pe verticală pentru ecran standard Full HD - 1920x1080. În exemplul nostru, aceasta este o imagine „Curățarea“.

Setarea galerie foto LightBox2

Unii parametri de galerii de ferestre, cum ar fi culoarea de fundal și opacitate, etichete de culoare, etc .. sunt stabilite în lightbox.css CSS-fișier. imagini auxiliare (înainte, înapoi, de încărcare, de ieșire) se află în folderul img. și ele pot fi modificate la discreția dumneavoastră.

Browser-ul dvs. nu acceptă tehnologia iframe. Pentru a naviga, utilizați meniul de sus