# Vízszintes görgetés: egy widget animálása a dia áthaladása közben

> A Plus kiegészítők Vízszintes görgetés kapcsolója: keretek, indítási pontok és mozgás-, forgatás-, méretezés- vagy színeffektek egy widgeten a diák belsejében.

A **Vízszintes görgetés** widget egész diákat mozgat. Ha egy cím, kép vagy gomb önállóan is animálódjon, miközben a dia átvonul a képernyőn, azt a diák sablonjában lévő widgeten kell beállítani: a The Plus Addons widgetjeinek **Haladó** fülén a **Plus kiegészítők** szakaszban van egy **Horizontal Scroll** kapcsoló, amely az animációt a vízszintes görgetés helyzetéhez köti.

A beállítások Pro funkciók: a Pro bővítmény nélkül a szakasz egyik widgeten sem jelenik meg.

## Mielőtt elkezdesz

- A **Vízszintes görgetés** widget be legyen kapcsolva a **The Plus Addons → Widgets** oldalon, és legyen egy diasablon, amelynek felső szintű szakaszai a diák (lásd: [áttekintés](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/kepek-media-vizszintes-attekintes/)).
- A beállítások a sablonban lévő widgeten vannak, nem a **Vízszintes görgetés** widgeten.

## Effekt hozzáadása

1. Add hozzá az oldalhoz a **Vízszintes görgetés** widgetet, és a **Sablonminta kiválasztása** listában válaszd ki a diasablont. Ha még nincs, a **Create Template** gomb felugró ablakban nyitja meg a szerkesztőt.
2. Nyisd meg a sablont, és jelölj ki benne egy támogatott Plus widgetet.
3. Menj a **Haladó → Plus kiegészítők** szakaszba, és kapcsold be a **Horizontal Scroll** kapcsolót.
4. Megjelenik egy **Keret hozzáadása** sor. Nyisd ki.
5. A **Görgetési opciók** előugró panelen állítsd be az **Aktiválás kezdete**, **Aktiválás vége**, **Görgetés kezdete** és **Görgetés vége** értékeket. Ezek döntik el, az oldalirányú út melyik szakaszán fut az animáció.
6. Nyiss meg egy effektpanelt (**Függőleges**, **Vízszintes**, **Átlátszatlanság**, **Forgatás**, **Méretezés**, **Ferdítés**, **Keretsugár** vagy **Háttérszín**), és adj meg egy kezdő és egy záró értéket.
7. Ha a különböző pontokon más-más hatást szeretnél, az **Elem hozzáadása** gombbal vegyél fel további kereteket.
8. Mentsd a sablont.

## Egy keret beállításai

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Aktiválás kezdete** / **Aktiválás vége** | A widgetnek melyik pontjától melyik pontjáig mérődik az animáció. | 0,5 és 0,4 |
| **Görgetés kezdete** / **Görgetés vége** | A képernyő melyik szakaszán fut az animáció, miközben a widget áthalad rajta. | 0,8 és 0,2 |
| **Függőleges** / **Vízszintes** | A widgetet fel-le vagy balra-jobbra mozgatja kezdő és záró értékkel. | Ki |
| **Átlátszatlanság** | Két érték között halványítja a widgetet. | Ki |
| **Forgatás** | Forgatás X, Y és Z tengelyen, mindegyiknél kezdő és záró értékkel. | Ki |
| **Méretezés** | Méretezés X, Y és Z tengelyen, kezdő és záró értékkel. | Ki |
| **Ferdítés** | Ferdítés X és Y tengelyen, kezdő és záró értékkel. | Ki |
| **Keretsugár** | A sarokkerekítést animálja két értékkészlet között. | Ki |
| **Háttérszín** | Kezdő és záró szín között színez át. | Ki |
| **Fejlesztő** | Kirajzolja a képernyőre az aktiválási és görgetési jelölőket, így látod, hol indul és hol ér véget az animáció. | Ki |

A **Fejlesztő** mellett az **Indító neve** mező elnevezi a jelölőket, ami segít, ha több widget animálódik egyszerre. A jelölőket a közzététel előtt kapcsold ki.

### Reszponzív beállítás

A keretek alatt a **Láthatóság** és a **Reszponzív szélesség** található. Bekapcsolt **Láthatóságnál** az effekt kimarad azokon a képernyőkön, amelyek szélessége a **Reszponzív szélességgel** egyenlő vagy annál kisebb. Az érték 300 és 2000 között állítható, alapértéke 300. Az érték az eszköz képernyőszélességéhez viszonyít, nem a böngészőablakéhoz, ezért egy összehúzott asztali ablak nem kapcsolja ki az effektet.

## Mely widgeteken van meg

A **Plus kiegészítők** szakasz ezzel a kapcsolóval a következő widgeteken érhető el:

- Accordion
- Advanced Buttons
- Advanced Typography
- Advertisement Banner
- Audio Player
- Before After
- Blockquote
- Breadcrumbs Bar
- Button
- Carousel Remote
- Contact Form 7
- Countdown
- Creative Image
- Draw SVG
- Dynamic Device
- Dynamic Smart Showcase
- Everest Form
- Flip Box
- Gravity Form
- Heading Animation
- Heading Title
- Info Box
- LottieFiles Animation
- Mailchimp
- Ninja Form
- Number Counter
- Pricing List
- Pricing Table
- Process/Steps
- Progress Bar
- Style Lists
- Switcher
- Tabs/Tours
- Text Block
- Video Player
- WPForms

Az űrlapstílusozók csak akkor jelennek meg a szerkesztőben, ha a saját űrlapbővítményük aktív, ezért a te listád rövidebb lehet.

## Hogyan viselkedik

- Az animációt a widget oldalirányú útbeli helyzete vezérli, nem az oldal függőleges görgetése, így akkor játszik le, amikor a dia áthalad a képernyőn.
- Egy keretben több effekt is futhat egyszerre, és egy widgetnek több kerete is lehet.
- Az effektek csak **Vízszintes görgetés** szakaszban működnek. Hagyományos oldalon a kapcsoló hatástalan.
- Csak a Plus widgetek rendelkeznek vele. Az Elementor alap widgetjein és harmadik féltől származó widgeteken nincs **Plus kiegészítők** szakasz.

## Hibaelhárítás

### Nincs Plus kiegészítők szakasz a widgetemen

Vagy a widget nem szerepel a fenti listán, vagy a Pro bővítmény nem aktív. Az Elementor alap widgetjein nincs ilyen szakasz.

### Bekapcsoltam a kapcsolót, de semmi sem animálódik

A kereten legalább egy effektpanelt meg kell nyitni, kezdő és záró értékkel. A kapcsoló önmagában nem csinál semmit.

### Rossz pillanatban indul az animáció

Állítsd az **Aktiválás kezdete**, **Aktiválás vége**, **Görgetés kezdete** és **Görgetés vége** értékeket. A hangoláshoz kapcsold be a **Fejlesztő** jelölőit.

### Asztali gépen animálódik, telefonon nem

A **Láthatóság** be van kapcsolva, és a **Reszponzív szélesség** nagyobb vagy egyenlő a telefon képernyőszélességével. Csökkentsd az értéket, vagy kapcsold ki a **Láthatóságot**.