# 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)

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

| 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

| 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)

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

| 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

| 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)

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

| 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

| 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. |