# ACF Slider widget

> Az ACF-galériamező képeinek megjelenítése diavetítésként: mód, térköz, diavetítés-beállítások, navigáció, lapozás, automatikus lejátszás és lightbox.

Az **ACF Slider** widget egy ACF-galériamező képeit képdiavetítésként jeleníti meg. A képeket az ACF-galéria mezőből veszi, a diavetítés a Swiper alapú beállításokkal szabályozható.

![Az ACF Slider widget panelje a mező kiválasztásával](./kepek/egyedi-mezok-acf-slider-mezo.webp)

*Az ACF Slider widget panelje a mező kiválasztásával* (https://minta-bolt.hu/wp-admin/post.php?post=22&action=elementor)

A panelen a **Mező lekérése innen** listából az **Aktuális bejegyzés**, **Aktuális felhasználó**, **Jelenlegi szerző**, **Jelenlegi kifejezés** vagy **Beállítási oldal** közül választhatsz. Az **ACF galéria mező** listából a galériamezőt jelölöd ki.

![A diavetítés a mintaoldalon, két dia egyszerre, nyíllal és lapozópontokkal](./kepek/egyedi-mezok-acf-slider-kimenet.webp)

*A diavetítés a mintaoldalon, két dia egyszerre, nyíllal és lapozópontokkal* (https://minta-bolt.hu/keramia-muhely/)

A képen a kimenet látszik: két dia jelenik meg egyszerre, a nyíl és a lapozópontok a navigációból és a lapozásból jönnek.

## Mód és térköz

Az **ACF Slider** szakasz **Mód** részében háromféleképpen szabhatod a képek méretét:

| Beállítás | Mit csinál |
| --- | --- |
| **Szélesség kényszerítése** | A diavetítés összes képének szélességét megadott százalékra állítja. |
| **Kényszerített magasság** | A diavetítés összes képének magasságát rögzíti. |
| **Használat háttérképként** | A képeket háttérként használja, és beállíthatod a pozíciójukat és a magasságukat. |

A **Térköz** részben a **Függőleges térköz** (alsó és felső belső margó) és a **Vízszintes térköz** a diavetítés körüli távolságot adja meg. Az **Igazítás** a diavetítés igazítását állítja.

## Kép beállításai

A **Kép beállításai** szakaszban a **Képfelbontás** (a méretlistából vagy **Egyéni** méret), a **Leírás** (**Nincs**, **Felirat** vagy **Leírás**), a képek **Stílus** beállításai, a **Dobozárnyék** és a **Kép szűrői** adhatók meg.

## Diavetítés beállításai

![A Diavetítés beállításai szakasz](./kepek/egyedi-mezok-acf-slider-beallitasok.webp)

*A Diavetítés beállításai szakasz* (https://minta-bolt.hu/wp-admin/post.php?post=22&action=elementor)

| Beállítás | Mit csinál |
| --- | --- |
| **Átmeneti effektus** | A diák közötti váltás effektusa: **Csúsztatás**, **Áttűnés**, **Kocka**, **Coverflow**, **Átfordítás**. |
| **Sebesség** | Az átmenet időtartama ezredmásodpercben (1000 ms = 1 mp). Alapértéke 300 ms, lassabb átmenethez növeld. |
| **Középre igazított diák** | Az aktív dia középre kerül. |
| **Térköz az elemek között** | Jobb oldali margót ad a képeknek. Ez más, mint a szélesség kényszerítése. |
| **Diák száma nézetenként** | Hány dia látszik egyszerre. |
| **Sorok** | Hány dia legyen egy oszlopban, többsoros elrendezéshez. |
| **Diák száma csoportonként** | Csoportos léptetést kapcsol be, akkor hasznos, ha egyszerre több dia látszik. |

## Navigáció, lapozás és görgetősáv

- **Navigáció**: a nyilakat be- és kikapcsolhatod, és tetszés szerint formázhatod.
- **Lapozás**: a lapozót be- és kikapcsolhatod. A **Lapozás típusa** lehet **Felsorolásjelek**, **Tört** vagy **Előrehaladás**, és stílusozható.
- **Görgetősáv**: a diavetítés alatti görgetősáv be- és kikapcsolható.

## Automatikus lejátszás

Az **Automatikus lejátszás** bekapcsolása után késleltetést adhatsz meg ezredmásodpercben, ennyi időnként vált magától a diavetítés. További beállítások:

- Leáll, ha az egér a diavetítés fölé kerül.
- Alapból körbejár; a „leállás az utolsó dián” bekapcsolásával az utolsó diánál megáll.
- A „kikapcsolás interakciókor” beállítással a látogató beavatkozása leállítja a lejátszást.

## Ismétlés, előrehaladás, szabad mód, billentyűzet és egérgörgő

- **Ismétlés**: bekapcsolva a navigáció folyamatos, az utolsó dia után újra az első jön.
- **Előrehaladás** (**Diák előrehaladásának figyelése**): a látható diák egy extra CSS-osztályt kapnak (`.swiper-slide-visible`).
- **Szabad mód**: a diák nem rögzített helyeken állnak meg, mutatóval vagy érintéssel szabadon húzhatók.
- **Billentyűzet / egérgörgő**: a **Billentyűzetes vezérlés** a bal és jobb nyílbillentyűvel, az **Egérgörgős vezérlés** az egérgörgővel lapoz.

## Egyéb beállítások

| Beállítás | Mit csinál |
| --- | --- |
| **Wrapper méretének beállítása** | A burkoló szélességét/magasságát az összes dia együttes méretére állítja. Tartalékmegoldás azokhoz a böngészőkhöz, amelyek nem kezelik jól a flexboxot. |
| **Virtuális eltolás** | A diavetítés a megszokott módon működik, de nem mozog, a burkolón nem állít valós eltolást. Egyéni diaátmenethez hasznos. |
| **Automatikus magasság** | A burkoló magassága az aktív dia magasságához igazodik. Különböző magasságú diáknál hasznos, ha nem használod a kényszerített magasságot. |
| **Hosszak kerekítése** | A diák szélességét és magasságát egész értékre kerekíti, hogy a szöveg ne legyen elmosódott. |
| **Beágyazott** | Beágyazott diavetításnél a helyes érintéskezeléshez. Csak olyan beágyazott diavetításnél használd, amelynek iránya megegyezik a szülőével. |
| **Fogásra utaló kurzor** | A kurzor „megfogó” alakot vesz fel. |

## Lightbox és forrás

A lightbox szakaszban (a felületen jelenleg **Lightbox Settings** felirattal) bekapcsolhatod a lightboxot a képeknek, és megadhatod a típusát, a rámutatási átfedést és a rámutatási effektusokat. A **Forrás** szakasz azt szabályozza, honnan olvassa a widget az adatot: ugyanabból a bejegyzésből vagy egy másik bejegyzésből.