Divi 5 modulok: perspektíva, véletlen és görgethető kép
A Divi 5 Visual Builder 3D-ben forgatható, véletlenszerűen váltakozó és hoverre görgő kép moduljának beállításai.
Három képes modul, amelyek a Divi Supreme kategóriában vannak a modulválasztóban. Használatuk előtt kapcsold be őket a Divi Supreme Pro → Modulok beállításai fülön. A builder feliratai angolul maradnak, ezért itt is úgy szerepelnek.
Supreme Image (perspektivikus kép)
Szekció neve “Supreme Image (perspektivikus kép)”A kép 3D-ben elforgatható, kódírás nélkül. Portfólió- és termékképekhez, nyitóoldali főképekhez jó. Egyszerű, díszítő fotóhoz elég a szokásos Divi Image modul.
Hozzáadás: a Visual Builderben válaszd a Supreme Image modult.
Content
Szekció neve “Content”| Beállítás | Mit csinál |
|---|---|
| Image | A kép feltöltése, vagy a kép címének beírása. |
| Image Alternative Text | A kép ALT szövege, rövid leírás. |
| Image Title Text | A kép HTML title szövege. |
| Open In Lightbox | A kép kattintásra lightboxban nyílik. Ilyenkor az alatta lévő link beállítások nem számítanak. |
| Use Other Lightbox Image | A lightboxban másik kép jelenik meg. |
| Lightbox Image | A lightboxban mutatott kép. |
| Image Link Url | Ha a képnek linknek kell lennie, ide írd a célcímet. |
| Image Link Target | A link új lapon nyíljon-e meg. |
| Use as Video Popup | A videó címét az Image Link Url mezőbe írd; YouTube, Vimeo és Dailymotion támogatott. |
| Perspective | A 3D nézőpont távolsága. |
| Rotate X, Rotate Y, Rotate Z | A kép elforgatása a három tengely mentén. |
Design
Szekció neve “Design”| Beállítás | Mit csinál |
|---|---|
| Image Overlay | Ha be van kapcsolva, az egér fölé vitelkor színes réteg és ikon jelenik meg a képen. |
| Overlay Color | A réteg színe. |
| Use Icon | Csak az ikon látszik. |
| Overlay Icon Color, Icon Picker | Az ikon színe és kiválasztása. |
| Show Overlay On Hover | A réteg csak hoverre jelenik meg. |
| Close Color, Max Width | A lightbox bezáró gombjának színe és legnagyobb szélessége. |
| Image Alignment | A kép igazítása. |
| Always Center Image On Mobile | Mobilon a kép mindig középre kerül. |
| Force Fullwidth | A kép kitölti a rendelkezésre álló szélességet. |
A szokásos Divi csoportok (háttér, méret, térköz, szegély, árnyék, animáció) is elérhetők.
Supreme Random Image (véletlen kép)
Szekció neve “Supreme Random Image (véletlen kép)”Egy képkészletből oldalbetöltésenként véletlenszerűen mutat egyet, így a főkép nem unalmas. A modul csak akkor működik megfelelően, ha azon az oldalon, ahová beteszed, kikapcsolod a gyorsítótárazást, különben a látogatók ugyanazt a képet kapják.
Hozzáadás: Supreme Random Image a Divi Supreme kategóriából.
Content
Szekció neve “Content”| Beállítás | Mit csinál |
|---|---|
| Image Size | A megjelenített kép mérete. |
| Use Image Link URL | A kép link lesz. Ha a médiabeállításokban adtál meg linket, azt használja, különben a kép saját címét. |
| Image Link Target | A link új ablakban nyíljon-e. |
| Open in Lightbox | Kattintásra lightboxban nyílik a kép. Ilyenkor a link beállítások nem számítanak. |
| Image Size (lightbox) | A lightboxban mutatott kép mérete. |
Design
Szekció neve “Design”| Beállítás | Mit csinál |
|---|---|
| Image Overlay | Hoverre színes réteg és ikon jelenik meg. |
| Show Overlay On Hover | A réteg csak hoverre látszik. |
| Overlay Color, Overlay Icon Color, Icon Picker | A réteg színe, az ikon színe és az ikon kiválasztása. |
Supreme Scroll Image (görgethető kép)
Szekció neve “Supreme Scroll Image (görgethető kép)”A kép föl-le vagy oldalra görög, amikor a látogató fölé viszi az egeret. Hosszú képek (például egy teljes weboldal képernyőképe) bemutatására jó.
Hozzáadás: Supreme Scroll Image a Divi Supreme kategóriából.
Content
Szekció neve “Content”| Beállítás | Mit csinál |
|---|---|
| Image | A görgetett kép. |
| Scroll Direction | Függőleges: a kép fentről lefelé tárul fel. Vízszintes: balról jobbra. |
| Scroll Speed (in s) | A görgetés ideje másodpercben. |
| Mobile & accessibility | Auto: érintőképernyőn koppintásra vagy fókuszra tárul fel, csökkentett mozgás beállításnál álló képet mutat. Hover only: csak asztali hover. Static: nincs görgetés. |
| Scroll Reverse Direction | Megfordítja a görgetés irányát. |
| Open in Lightbox | Kattintásra lightboxban nyílik. |
| Image Link URL, Image Link Target | A kép linkje és a link megnyitása. |
| Use Other Lightbox Image | A lightboxban másik kép jelenik meg. |
| Use as Video Popup | Videós felugró ablak. |
Design
Szekció neve “Design”| Beállítás | Mit csinál |
|---|---|
| Image Overlay, Color | Réteg a képen és a színe. |
| Use Icon, Overlay Icon Color, Icon Picker | Ikon a rétegen, színe és kiválasztása. |
| Show Overlay On Hover | A réteg csak hoverre látszik. |
| Close Color, Max Width | A lightbox bezáró gombjának színe és legnagyobb szélessége. |
Készült: