Acest WebSite a fost creat în totalitate cu ajutorul Platformei WebWave (Program Gratuit pentru crearea Site-urilor Web).
Această pagină utilizează module Cookie. Află mai multe

TUTORIALE

WEBWAVE

PROGRAM

CONTACT
contact@webwave.ro
Scrie-ne un Mesaj

Creează Site-uri Web si Magazine Online cu ajutorul platformei WebWave !

Alege unul dintre șabloanele deja optimizate pentru dispozitivele mobile și modifică-l după propriile necesități sau începe cu o pagina curată.

PREȚURI

Pentru clienți

Cunoaște-ne mai bine în rețea

Nu ai reușit să găsești soluția?

Elementul Lightbox reprezintă un tip de galerie aplicat frecvent pe site-urile create înprogramul WebWave. În acest tutorial vei afla cum să creezi un site web cu un element de Lightbox.

Conținutul tutorialului:

1. Adăugarea unui Lightbox pe site

2. Înlocuirea imaginilor din Lightbox

3. Setările elementului Lightbox

4. Modificarea ordinii imaginilor în elementul Lightbox

5. Lightboxul de tip Masonry Vertical

Adăugarea unui Lightbox pe site

Pentru a adăuga un element Lightbox pe site este necesar să parcurgi următorii pași:

1. În Panoul de elemente din partea stângă fă click pe pictograma grupei elementelor de galerie.

2. Alege opțiunea Lightboxului
   
   

Ca rezultat, pe site va fi adăugat un element de Lightbox.

În starea sa inițială Lightbox-ul va conține imagini inițiale care au ca scop prezentarea modului în care arată elementul și simplificarea editării stilului acestuia. Din această cauză, după adăugarea galeriei de Lightbox este necesar să înlocuiești imaginile inițiale cu cele proprii, conform pașilor din partea următoare a tutorialului.

Înlocuirea imaginilor din Lightbox

Pentru a înlocui imaginile din Lightbox este necesar să parcurgi următorii pași:

1. Selectează elementul de Lightbox

2. Fă click pe butonul Editează conținut în Panoul de setări
   
   

3. Selectează imaginile inițiale. Menține apăsată tasta CTRL pentru a putea selecta mai multe imagini.

4. Fă click pe butonul Nu afișa în acest Lightbox.
   

5. Treci la fila Fișiere media încărcate

6. Selectează imaginile corespunzătoare. Menține apăsată tasta CTRL pentru a putea selecta mai multe imagini.

7. Fă click pe butonul Adaugă la Lightbox

   Dacă încă nu ai imaginile corespunzătoare în folderul Fișiere media încărcate, le poți încărca de pe calculator cu ajutorul butonului corespunzător din colțul dreapta sus.
   

8. Închide fereastra pentru a finaliza setarea imaginilor în Lightbox

Setările elementului Lightbox

La un click pe Lightbox în Panoul de setări din dreapta sus, vei găsi secțiunea Setări Lighbox.

Poți seta următorii parametri:

• Spațiul între imagini -setează distanța între miniaturile imaginilor Lightbox-ului.

• Imagini în rând - numărul de imagini într-un singur rând. Imaginile care nu vor încăpea în rând vor fi transferate în rândul următor.

• Afișează titlul - setează dacă sub imagini vor fi afișate denumirea acestora.

• Animația miniaturii - La bifarea acestei opțiuni, miniaturile imaginilor se vor mări puțin la trecerea cu cursorul peste imagine.

• Imagini necomprimate - la bifarea acestei opțiuni, imaginile din Lightbox nu vor fi comprimate în timpul publicării.

Modificarea ordinii imaginilor în elementul Lightbox

Pentru a modifica ordinea imaginilor în Lightbox, este necesar să parcurgi următorii pași:

1. Selectează elementul de Lightbox

2. Fă click pe butonul Editează conținut în Panoul de setări

   

3. Prinde imaginea corespunzătoare cu un click și trage-o în poziția corespunzătoare.

4. Închide fereastra pentru a finaliza setarea imaginilor în Lightbox

   

Lightboxul de tip Masonry Vertical

Lightboxul de tip Masonry Vertical reprezintă un tip de galerie folosit frecvent de către autorii site-ului. Pentru a obține acest tip de galerie este necesar să parcurgi următorii pași simpli:

1. Selectează galeria de lightbox

2. Selectezi pentru parametrul Stil, opțiunea Masonry vertical
   

Nu ai reușit sa găsești răspunsul dorit ?

Scrie-ne pe sesiunea de Chat sau trimite-ne un email catre contact@webwave.ro

Dacă ai nevoie de anumite Funcții completeaza acest Formular pentru a le putea analiza si implementa in viitor.

Tutoriale