MagyarmagyarACF 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ó.
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 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
Szekció neve “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
Szekció neve “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
Szekció neve “Diavetítés beállításai”
| 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
Szekció neve “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
Szekció neve “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ő
Szekció neve “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
Szekció neve “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
Szekció neve “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.
Készült: