Logare

Înregistrare

Panoul Webmastera

 

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.

Înapoi

24 mai 2019

Slider - prezentare

În Programul WebWave, elementul slider permite să adăugăm pe site o prezentare de slide-uri. În acest tutorial vei afla cum creezi un site cu slider.

  1. Adăugarea unui slider pe site
  2. Setările slider-ului
    1. Efect de animație
    2. Ajustare
    3. Durata efectului de animație
    4. Durata afișării imaginilor
    5. Derularea automată
    6. Afișarea componentelor
  3. Editarea conținutului slider-ului
    1. Adăugarea imaginilor la slider
    2. Eliminarea imaginilor
    3. Setarea link-urilor, titlurilor și descrierii imaginilor

 

Adăugarea unui slider pe site

Sliderul poate fi adăugat din Panoul de elemente din stânga. Mai întâi menținem cursorul pe pictograma imaginilor, iar apoi alegem dintre opțiunile apărute elementul slider (a treia opțiune) - facem un click pe el sau îl tragem pe aria de lucru a site-ului.

 

 

Setările slider-ului

Atunci când selectăm slider-ul în Panoul de setări din dreapta vor apărea setările pe care le poți modifica:

 

Efect de animație

Determină efectul trecerii de la o imagine la alta:

  • Lateral - imaginea curentă se mișcă în stânga, iar în locul acesteia vine din dreapta imaginea următoare.

  • Apariție - imaginea curentă treptat se ”stinge”, iar apoi imaginea următoare treptat ”apare”.

  • Apariție (moderată) - imaginea curentă trece treptat în imaginea următoare. Lipsește etapa intermediară când practic nici o imagine nu este afișată.

 

Ajustare

  • Răspunde de modul în care imaginea se ajustează la dimensiunile slider-ului.

  • Scalare - imaginile se ajustează astfel încât să fie afișate în întregime. În consecință unele arii ale slider-ului pot rămâne goale.

  • Decupare - Imaginile sunt ajustate astfel încât toată aria slider-ului să fie ocupată de imagine. În consecință unele arii ale imaginilor pot să nu fie vizibile.

 

Durata efectului de animație

Cât timp durează trecerea unei imagini la alta (Durata efectului de animație). Timpul indică numărul de secunde.

 

Durata afișării imaginilor

Cât timp imaginile rămân afișate, până la trecerea spre altă imagine. Timpul este afișat în secunde.

 

Derulare automată

La bifarea acestei opțiuni se setează derularea automată a slider-ului. În caz contrar, trecerea imaginilor va avea loc doar la un click pe butoanele corespunzătoare.

 

Afișarea componentelor

  • Titlul și descriere - dacă în prezentare vor fi afișate titlul și descrierea imaginilor.

  • Miniaturi - dacă pe slider vor fi amplasate pictogramele care indică imaginile și poziția slider-ului curent în prezentare.

  • Săgeți - dacă săgețile pentru derularea imaginilor sunt prezente sau nu. Suplimentar, alături de opțiunea Săgeți avem posibilitatea de a seta propriile imagini ale săgeților, în cazul în care imaginile inițiale nu sunt potrivite.

  • Spațiul de la margini - indică distanța dintre săgețile pentru derularea slider-ului la marginile elementului
     


 

Editarea conținutului slider-ului

Pentru a edita slider-ul, selectează-l și apoi în Panoul de setări facem click pe butonul Editează conținut.
 


 

Adăugarea imaginilor în slider

Treci la fila Fișiere media Încărcate, făcând un click pe butonul din partea sus a ferestrei

Alegem imaginile pe care dorim să le adăugăm și facem click pe butonul Include la Slider.
 

 

Eliminarea imaginilor

Pentru a elimina imaginile din slider - trecem la fila Editează Galeria, selectăm imaginile pe care nu dorim să fie afișate în slider și facem click pe butonul Elimină din Slider.
 


 

Setarea link-urilor pe imagini, setarea titlului și descrierii imaginilor

Pentru a modifica link-ul, spre care va trece utilizatorul la un click pe slide - mai întâi selectăm slider-ul, iar apoi în Panoul de setări, în secțiunea Acțiune la un click (link) alege unde trebuie să fie redirecționat utilizatorul.

Pentru a adăuga un link la următoarea imagine, derulăm slider-ul cu un click pe săgeata corespunzătoare și adăugăm un link la fiecare imagine.

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

Îți lipsesc funcții în WebWave?

Întreabă pe Facebook

Trimite-ne un Mesaj

Companie.

Materiale. 

Prețuri. 

Programul WebWave.

Urmărește-ne pe:

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

Acest site a fost creat în cu ajutorul platformei WebWave