Carousel de imagini

Utilizarea unui carusel de imagini poate aduce multe beneficii unui site web. În primul rând, folosește mai bine spațiul de pe site, permițându-ți să prezinți mai mult conținut. În plus, un carusel de imagini poate crește implicarea utilizatorilor și îi poate determina pe utilizatori să interacționeze cu conținutul sau produsele prezentate.

Adăugarea unui carusel de imagini pe site-ul dvs.

1. Accesați-vă editarea paginii.

2. Caruselele pot fi adăugate din bara de instrumente din partea stângă a editorului. Doar faceți clic pe pictograma corespunzătoare sau trageți-o în spațiul de lucru.

Setări carusel

După selectarea unui carusel, panoul de editare lateral va afișa setările pe care le puteți modifica.

Editați întregul

Accesați „Panou de setări”, apoi accesați „Setări carusel”.

1. Spațiu între diapozitive - setați intervalul dintre imaginile succesive din carusel.
2. Slides per view - setați câte diapozitive să fie afișate într-un singur panou.
3. Tipul de decupare al diapozitivelor - definiți potrivirea imaginilor din carusel, avem 4 funcții de potrivire din care să alegeți:

Decupați - decupează imaginile pentru a se potrivi cu caruselul afișat.
Conține - opțiunea vă permite să ajustați imaginile pentru a se potrivi înălțimii și lățimii caruselului.
Întindere - Întinde imaginile pentru a se potrivi cu dimensiunile unei singure fotografii.
Dimensiune originală - Adaugă dimensiunea originală a fotografiei în carusel pentru a se ajusta la dimensiunea unei singure fotografii.
4. Diapozitive per grup - definiți câte fotografii ar trebui să deruleze caruselul în timpul unei ritmuri.
5. Tranziția animației în timpul - cât timp durează un panou pentru a se schimba în altul (cât durează animația). Timp dat în secunde
6. Întârziere animație- cât timp durează oprirea unui panou înainte de a trece la următorul panou. Timp dat în secunde
7. Funcția de relaxare - în generatorul nostru de site-uri web avem 6 funcții de relaxare:

Leagăn - Mișcarea obiectului progresează uniform în timp. Nu există accelerație sau decelerare, această funcție dă impresia de netezime.
Linear - Mișcarea obiectului se desfășoară uniform în timp. Nu există accelerații sau decelerații, această funcție dă impresia de mișcare mecanică.
Ușurință - aceasta este o funcție care introduce o accelerare și decelerare blândă la începutul și la sfârșitul animației. În mijlocul animației, obiectul se mișcă uniform. Acest lucru creează o senzație mai naturală și este adesea folosit în animații.
Ușurință- Începe cu o mișcare mai lentă și se accelerează pe măsură ce animația progresează. Folosit adesea atunci când doriți ca un obiect să se „miște” încet la începutul unei animații. Eliberare ușoară - Începe cu o mișcare mai rapidă și încetinește pe măsură ce trece timpul. Este util atunci când doriți ca obiectul să încetinească și să se oprească fără probleme.
Ease-in-out - Aceasta este o combinație de Ease-in și Ease-Out. La începutul și la sfârșitul animației, obiectul se mișcă mai lent, iar în partea din mijloc, mișcarea este uniformă. Aceasta este o caracteristică foarte populară care creează tranziții netede și naturale între stări.8. Opriți animațiile după trecerea cu mouse-ul - această funcție vă permite să opriți defilarea panourilor după ce treceți cu mouse-ul pe carusele.

8. Opriți animațiile la intrarea mouse-ului- această funcție vă permite să opriți derularea panourilor după ce treceți cu mouse-ul pe carusele.

9. Paginare - arată sau ascunde paginarea caruselului situat în centrul caruselului la marginea de jos a caruselului.

10. Navigare - Afișați sau ascundeți săgețile situate în partea stângă și dreaptă a caruselului, vă permit să vă deplasați manual între panouri:

10.1. Următorul și Anterior - schimbați pictogramele folosite pentru a vă deplasa manual între panouri.
10.2. Spațiere de navigare - definiți distanța dintre pictogramele de control de la marginile din stânga și din dreapta.

Editați imaginea

Selectați imaginea care vă interesează, apoi accesați „Panoul de setări”.

1. Selectați „Editați: imagine”

2. Schimbați înălțimea imaginilor (înălțimea tuturor imaginilor din carusel) - înălțimea întregului carusel se va modifica pentru a se potrivi cu lățimea imaginilor

3. Decupați imaginea - decupați imaginea selectată pentru a fi afișată în funcție de preferințele dvs.

4. Tip de decupare a imaginii personalizate - modificați opțiunile de ajustare ale imaginii selectate din carusel.

5. Faceți clic pe acțiune (link) - În această filă, puteți specifica ce acțiune doriți să se întâmple când faceți clic pe butonul. Sunt disponibile următoarele acțiuni:

Accesați o pagină - Se va deschide subpagina indicată a site-ului.
Accesați un articol - Articolul indicat va fi deschis.
Derulați pagina la obiectul selectat - Pagina va fi derulată dinamic pentru a afișa obiectul selectat pe pagină.
Alte:
- Accesați adresa URL - Se va deschide o pagină cu adresa URL indicată.
- Trimiteți e-mail - Când faceți clic pe butonul, aplicația implicită de e-mail, de exemplu Mail (Windows 10) va fi lansată pe computer și pe telefon, de exemplu Gmail. În ambele cazuri, adresa de e-mail furnizată va fi introdusă automat în aplicație.
- Apelați numărul de telefon - Când faceți clic pe butonul de pe computer, va fi lansată aplicația de apel implicită, de exemplu Skype și pe telefon, de exemplu dialer. În ambele cazuri, numărul furnizat va fi introdus automat în aplicație.
- Deschideți un fișier din biblioteca media - Când faceți clic pe butonul, se va deschide fișierul selectat.
- Afișare sau ascunde obiect - Elementele indicate vor efectua interacțiunea care le este atribuită. Ce sunt interacțiunile și cum să le folosești pot fi citite în acest tutorial.

6. Stil - Schimbați aspectul tuturor imaginilor din carusel mai multe informații [Link].

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