Nu ai reușit să găsești soluția?
În programul WebWave, elementul Lightbox deține funcționalități foarte apropiate de cele ale galeriei - prezentarea unui număr mare de poze. În acest tutorial vei afla cum să creezi un site web cu un element de Lightbox.
- Adăugarea unui lightbox pe site
- Dimensiunile elementului Lightbox
- Setările elementului Lightbox
- Adăugarea imaginilor în elementul Lightbox
- Ștergerea imaginilor din elementul Lightbox
- Modificarea ordinii imaginilor în elementul Lightbox
Adăugarea unui lightbox pe site
Pentru a adăuga un element Lightbox pe site, este nevoie de a face un click pe pictograma respectivă în ”Panoul de elemente”, din stânga sus.
Apoi setăm din Biblioteca Media imaginile pe care dorim să le afișăm în Lightbox. Dacă pozele încă nu sunt în Biblioteca Media, încarcă-le din calculator.
Dimensiunile miniaturelor Lightbox-ului
Modificarea dimensiunilor Lightbox-ului
Poți modifica dimensiunile elementului Lightbox foarte simplu, trăgând de marginile acestuia în direcția corespunzătoare. Imaginile din Lightbox se vor distribui uniform în cadrul elementului.
Dimensiunile minime ale elementului Lightbox sunt limitate de miniaturile pe care le include. Cele mai mici dimensiuni sunt acele care permit vizibilitatea tuturor miniaturilor. În acest caz miniaturile vor fi lipite una de alta. Pentru a micșora și mai mult Lightbox-ul este nevoie de a micșora miniaturile.
Dimensiunile miniaturelor Lightbox-ului
La un click pe Lightbox vei obține acces la secțiunea ”Dimensiunile miniaturilor”. Poți seta aici înălțimea și lățimea miniaturilor în pixeli.
Poți la fel să alegi modul în care imaginile vor fi ajustate la dimensiunile miniaturilor. Poți alege una din opțiunile:
-
Scalare - Imaginile vor fi afișate în întregime, dar unele arii ale miniaturilor vor fi goale.
-
Decupare - imaginea va fi decupată astfel încât toată aria miniaturii să fie ocupată.
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:
-
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.
Adăugarea imaginilor în elementul Lightbox
Pentru a adăuga în Lightbox o imagine, selectează elementul, iar apoi fă un click pe butonul ”Editează conținut”.
În partea de sus a ferestrei deschise alegi opțiunea ”Biblioteca Media”, apoi alege imaginile pe care dorești să le incluzi și fă un click pe butonul ”Adaugă la Lightbox”.
Mai multe despre Biblioteca Media poți citi aici.
Ștergerea imaginilor din elementul Lightbox
Pentru a șterge imaginile din Lightbox, alege elementul, iar apoi fă un click pe butonul ”Editează conținut”.
Alege imaginea, pe care dorești să o ștergi, iar în partea dreaptă fă un click pe butonul ”Nu afișa în acest Lightbox”.
Modificarea ordinii imaginilor în elementul Lightbox
Alege elementul Lightbox și fă un click pe butonul ”Editează conținut”.
În fereastra deschisă, în cadrul listei de imagini, trage imaginile pentru a modifica poziția acestora în Lightbox.
Cum adaug la site-ul meu și setez o Galerie Lightbox
Nu ai reușit sa găsești răspunsul dorit ?
Trimite-ne un Mesaj, scrie-ne pe Facebook sau contacteaza-ne prin trimiterea unui email catre adresa contact@webwave.ro
Dacă ai nevoie de anumite Funcții completeaza acest Formular pentru a le putea analiza si implementa in viitor.
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 Uimitoare cu ajutorul platformei WebWave !
Începe cu o pagină curată sau alege un șablon deja optimizat pentru dispozitivele mobile și modifică-l după propriile cerințe.
PREȚURI
Pentru clienți
Cunoaște-ne mai bine în rețea