Acest site a fost creat în cu ajutorul platformei WebWave 

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ă.

contact@webwave.ro


Scrie-ne pe chat
De luni până vineri, de la 9:00 până la 17:00

Urmărește-ne pe:

Programul WebWave.

PreÈ›uri. 

Materiale. 

Companie.

Trimite-ne un Mesaj

Întreabă pe Facebook

Îți lipsesc funcții în WebWave?

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

    Selectează elementul de Lightbox 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

Cum adaug la site-ul meu și setez o Galerie Lightbox

24 mai 2019

ÃŽnapoi

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

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

Dacă ai nevoie de anumite funcții noi, scrie-ne pe grupul comunității WebWave.

 

Panoul Webmastera

ÃŽnregistrare

Logare