Media Carousel Widget (Pro)
Cuprins:
arată
Cu Widge-tul Media Carousel Widget (Pro) vă permite să creați un Slider de videoclipuri și imagini.
Widget-ul include 3 skin-uri:
- Carusel este aspectul standard de carusel rotativ care afișează un număr personalizat de imagini sau diapozitive video per vizualizare.
- Prezentarea de diapozitive este un skin slider care afișează un diapozitiv principal și miniaturi de imagini mici dedesubt.
- Coverflow este un skin de Slide care prezintă un Slide central în față și două slide-uri laterale în spate.
În interiorul fiecărui diapozitiv, puteți adăuga imaginea sau videoclipul și îl puteți face să fie conectat la fișierul său media sau la un link extern. Caruselul poate afișa simultan un amestec de imagini și videoclipuri. Dacă aveți Lightbox activat, aceasta va fi disponibil și pentru acest widget.
Widge-tul Media Carousel Widget (Pro) are și opțiuni pentru afișare optimă pe dispozitivele mobile.
Skin-ul Carusel
Conţinut
Slidere
- Skin: Carusel.
- Slide-uri: Alegeți imaginea sau videoclipul de afișat și setați adresa URL către care să faceți legătura.
- Efect: Alegeți cum trece fiecare diapozitiv, fie Slide, Fade, fie Cube.
- Slides Per View: Setați numărul de diapozitive de vizualizat simultan, maximum 10.
- Slides to Scroll: Setați numărul de diapozitive de defilat per glisare, maximum 10.
- Înălțime: Setați înălțimea caruselului.
- Lățimea: Setați lățimea caruselului.
Opțiuni Suplimentare
- Săgeți: Alegeți să afișați sau să ascundeți săgețile de navigare.
- Paginare: Selectați Niciunul, Puncte, Fracție sau Progres.
- Durata tranziției: Setați timpul necesar pentru ca fiecare diapozitiv să apară. Acest timp este în milisecunde, deci 1000 ms este egal cu 1 secundă.
- Redare automată: Afișați sau ascundeți.
- Viteza de redare automată: Setați timpul dintre fiecare diapozitiv. Acest timp este în milisecunde, deci 1000 ms este egal cu 1 secundă.
- Buclă infinită: Arată caruselul în buclă continuă, la infinit. Da sau Nu.
- Întrerupeți la interacțiune: Selectați dacă să întrerupeți sau nu redarea automată atunci când un utilizator interacționează cu caruselul. Da sau Nu.
- Suprapunere: Selectați tipul de suprapunere, atunci când utilizatorul trece cu mouse-ul peste un diapozitiv. Niciunul, text sau pictogramă.
- Dimensiune imagine: Selectați dimensiunea imaginii, de la Miniatura la Complet sau Personalizat.
- Potrivire imagine: Selectați modul în care imaginea se potrivește în containerul său, fie Copertă, Conține sau Auto.
Slideshow Skin
Conţinut
- Skin: Prezentare.
- Slide-uri: Alegeți imaginea sau videoclipul de afișat și setați adresa URL către care să faceți legătura.
- Efect: Alegeți cum trece fiecare diapozitiv, fie Slide, Fade, fie Cube.
- Înălțime: Setați înălțimea caruselului.
- Miniaturi:
- Slides Per View: Număr de diapozitive, per vizualizare, maxim 10.
- Raport: Selectați dintre 1:1, 4:3, 16:9 sau 21:9.
Opțiuni Suplimentare
- Săgeți: Alegeți să afișați sau să ascundeți săgețile de navigare.
- Durata tranziției: Setați timpul necesar pentru ca fiecare diapozitiv să apară. Acest timp este în milisecunde, deci 1000 ms este egal cu 1 secundă.
- Redare automată: Afișați sau ascundeți.
- Viteza de redare automată: Setați timpul dintre fiecare diapozitiv. Acest timp este în milisecunde, deci 1000 ms este egal cu 1 secundă.
- Buclă infinită: Arată caruselul în buclă continuă, la infinit. Da sau Nu.
- Întrerupeți la interacțiune: Selectați dacă să întrerupeți sau nu redarea automată atunci când un utilizator interacționează cu caruselul. Da sau Nu.
- Dimensiune imagine: Selectați dimensiunea imaginii, de la Miniatura la Complet sau Personalizat.
- Potrivire imagine: Selectați modul în care imaginea se potrivește în containerul său, fie Copertă, Conține sau Auto.
Coverflow Skin
Conţinut
- Skin: Coverflow.
- Slide-uri: Alegeți imaginea sau videoclipul de afișat și setați adresa URL către care să faceți legătura.
- Slides Per View: Setați numărul de diapozitive de vizualizat simultan, maximum 10.
- Slides to Scroll: Setați numărul de diapozitive de defilat per glisare, maximum 10.
- Înălțime: Setați înălțimea caruselului.
- Lățimea: Setați lățimea caruselului.
Opțiuni Suplimentare
- Săgeți: Alegeți să afișați sau să ascundeți săgețile de navigare.
- Paginare: Selectați Niciunul, Puncte, Fracție sau Progres.
- Durata tranziției: Setați timpul necesar pentru ca fiecare diapozitiv să apară. Acest timp este în milisecunde, deci 1000 ms este egal cu 1 secundă.
- Redare automată: Afișați sau ascundeți.
- Viteza de redare automată: Setați timpul dintre fiecare diapozitiv. Acest timp este în milisecunde, deci 1000 ms este egal cu 1 secundă.
- Buclă infinită: Arată caruselul în buclă continuă, la infinit. Da sau Nu.
- Întrerupeți la interacțiune: Selectați dacă să întrerupeți sau nu redarea automată atunci când un utilizator interacționează cu caruselul. Da sau Nu.
- Suprapunere: Niciunul, text sau pictogramă.
- Dacă se alege Text:
- Subtitrare: Alegeți ce text să afișați ca subtitrare – Titlu, Subtitrare sau Descriere.
- Animație: Alegeți dintre Fade, Slide Up, Slide Down, Slide Right, Slide Left, Zoom In.
- Dacă se alege pictograma:
- Pictogramă: Alegeți dintre o pictogramă de căutare, plus pictogramă, pictogramă ochi sau pictogramă link.
- Animație: Alegeți dintre Fade, Slide Up, Slide Down, Slide Right, Slide Left, Zoom In.
- Dimensiune imagine: Selectați dimensiunea imaginii, de la Miniatura la Complet sau Personalizat.
- Potrivire imagine: Selectați modul în care imaginea se potrivește în containerul său, fie Copertă, Conține sau Auto.
Stil
Slidere
- Spațiu între: Setați spațiul dintre Slidere.
- Culoare de fundal: Alegeți o culoare de fundal pentru carusel.
- Dimensiune chenar: Controlați grosimea chenarului.
- Culoarea chenarului: Alegeți o culoare pentru chenar.
- Padding: Setați Padding-ul.
- Raza chenarului: Setați raza chenarului pentru a controla rotunjimea colțului.
Săgeți
- Dimensiune: Scalați dimensiunea săgeții în sus sau în jos.
- Culoare: Alegeți culoarea săgeților.
Paginare (nu este disponibilă pentru tipul Slideshow)
- Poziție: Plasați paginarea în afara sau în interiorul diapozitivelor.
- Dimensiune: Scalați dimensiunea paginației în sus sau în jos.
- Culoare: Setați culoarea paginației.
Pictogramă Redare (trebuie să aveți videoclipuri în diapozitive pentru a o vedea)
- Culoare: Setați culoarea pictogramei de redare video.
- Dimensiune: Setați dimensiunea pictogramei de redare video.
- Umbra text: Setați umbra textului pictogramei de redare video.
Suprapunere (nu este disponibilă pentru tipul Slideshow)
Dacă a fost ales Text pentru suprapunere:
- Culoare de fundal: Alegeți o culoare de fundal pentru suprapunere.
- Culoare text: Alegeți culoarea textului suprapus.
- Tipografie: Modificați opțiunile de tipografie pentru textul suprapus.
Dacă a fost aleasă pictograma pentru Suprapunere:
- Culoare de fundal: Alegeți o culoare de fundal pentru suprapunere.
- Culoare text: Alegeți culoarea pictogramei de suprapunere.
- Dimensiunea pictogramei: Scalați dimensiunea pictogramei suprapuse în sus sau în jos.
Caseta de lumină – Lightbox
- Culoare: Alegeți culoarea de fundal a casetei de lumină.
- Culoarea UI: Alegeți culoarea UI. Acest lucru afectează navigarea cu săgețile și punctele lightbox și pictograma de închidere X.
- Culoarea UI Hover: Alegeți culoarea UI Hover. Acest lucru afectează navigarea cu săgețile și punctele lightbox și pictograma X de închidere atunci când utilizatorul trece cu mouse-ul peste fiecare.
- Lățimea videoclipului: Setați lățimea videoclipului.
Nota 1:
Redarea automată este afectată de politica Google privind redarea automată a browserelor Chrome.
Redarea automată este afectată de politica Google privind redarea automată a browserelor Chrome.
Nota 2:
Utilizarea codurilor scurte de șablon Elementor în Widget poate funcționa uneori, dar nu este o caracteristică acceptată.
Utilizarea codurilor scurte de șablon Elementor în Widget poate funcționa uneori, dar nu este o caracteristică acceptată.
Avansat
Setați Opțiunile avansate care sunt aplicabile pentru Widge-tul Media Carousel Widget (Pro).
Citiți postarea completă a lansării despre Widge-tul Media Carousel Widget (Pro).
Pentru confortul dvs. urmăriți acest Tutorial și în format Video. Video creat de echipa de asistență Elementor.
Notă! Ați găsit util acest articol? Atunci veți aprecia sprijinul oferit de Elementor în realizarea acestui tutorial. Experimentați construcția unui site cu Elementor astăzi și obțineți un site web modern, pre-securizat, pre-optimizat. Alegeți licența care vi se potrivește astăzi, treceți la versiunea Pro.
