# Görgetési sorozat: az egész oldal mögött és egy oszlopban

> A képkockák az oldal törzse mögé kerülnek, vagy egyetlen tárolóoszlopba: beállítás, rétegsorrend, viselkedés és korlátozások.

A **Görgetési sorozat** widget képkockái nem kell, hogy egyetlen szakaszba legyenek zárva. Az **Alkalmazás erre** mezővel az egész oldal mögé is teheted őket, vagy egy kisebb tárolóoszlopba, a magyarázó szöveg mellé. A widget alapjait az [áttekintő fejezet](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/kepek-media-sorozat-attekintes/) írja le.

## Sorozat az egész oldal mögött

A **Törzs** módban a képkockák az oldal minden eleme mögé kerülnek egy, az ablak tetejéhez rögzített rétegre, és az oldal görgetésére lépnek előre.

Szükséged van egy számozott képkocka-készletre és elég hosszú oldalra: ebben a módban az egész oldal a sorozat pályája, ezért egy rövid oldalon a képkockák szinte azonnal lefutnak.

1. Adj az oldal bármelyik pontjára egy szakaszt vagy tárolót, és húzd bele a **Görgetési sorozat** widgetet. **Törzs** módban mindegy, hol van a widget: a képkockák az oldal mögé kerülnek, nem ebbe a szakaszba.
2. Állítsd az **Alkalmazás erre** mezőt **Törzs**re.
3. Válaszd ki a képkockákat: **Galéria** a médiatárból, vagy **Távoli szerver** egy fájlmappához.
4. A widget saját **Z-Index** értékét a **Stílus** fülön hagyd az alapértéken (0).
5. Minden látható widgetnek adj magasabb **Z-Index** értéket a **Haladó** fülön, az 1 vagy több elég.

![A Görgetési sorozat panel az Alkalmazás erre mezővel](./kepek/kepek-media-sorozat-panel.webp)

*A Görgetési sorozat panel az Alkalmazás erre mezővel* (https://minta-bolt.hu/wp-admin/post.php?post=133&action=elementor)

A képen az **Alkalmazás erre** mező látszik, itt kell **Törzs**re váltani.

A szabály egyszerű: a tartalmad z-indexe legyen nagyobb, mint a sorozaté. Vagy csökkented a sorozatét, vagy emeled a tartalomét; a különbség számít, nem a pontos szám. A widget saját leírása is ezt kéri: a tartalom láthatóságához a **Stílus** fülön állítsd 1-re a z-indexet.

### Hogyan viselkedik

A teljes oldal a pálya, ezért az dönti el a képkockát, hogy az oldalon milyen messzire görgettél.

![Az oldal feliratai a törzs mögötti sorozat egyik képkockája előtt](./kepek/kepek-media-sorozat-torzs.webp)

*Az oldal feliratai a törzs mögötti sorozat egyik képkockája előtt* (https://minta-bolt.hu/km3-sorozat-torzs/)

A képen a sorozat 6. képkockája látszik az oldal mögött.

- Az átlátszó hátterű elemeken átlátszanak a képkockák. Ha olvashatóan szeretnéd a szöveget, adj a tartalmi szakaszoknak tömör vagy félig átlátszó hátteret.
- Oldalanként csak egy **Törzs** sorozatot használj: kettő ugyanazon oldal mögé próbálna rajzolni.

### Korlátozások

- A képkockák rétege az oldal törzsének legtetejére kerül, ezért egy ugyanott rögzített sablonelem versenghet vele a pozícióért.
- Egy rövid oldal néhány görgetéssel végigfut a sorozaton. A **Törzs** mód hosszú oldalhoz való.
- Mivel a sorozat mindennek a mögött van, a tömör hátterű elem az oldal adott részén teljesen eltakarja.
- A **Kép előtöltése (%)** nem változtatta meg, hány képkockát kért le a böngésző az első betöltéskor.

### Hibaelhárítás

**A képkockák az egész oldalt eltakarják.** A tartalomnak nincs saját z-indexe. Állítsd a widgetek vagy tárolók **Z-index** értékét a **Haladó** fülön 1-re vagy többre.

**Semmi sem látszik az oldal mögött.** Ellenőrizd, hogy az **Alkalmazás erre** értéke **Törzs**, és hogy vannak kiválasztott képek. Kép nélkül a widget ott, ahol áll, a **No Image Selected!** üzenetet írja ki.

**A sorozat hamarabb véget ér, mint az oldal.** Ez várható, ha az oldal sokkal hosszabb, mint amennyi képkockád van. Adj hozzá képkockát, vagy használd inkább az **Alapértelmezett** módot egyetlen magas szakaszban.

## Sorozat egyetlen oszlopban

A teljes képernyőt kitöltő sorozat látványos, de gyakran kisebb kell: az animáció a sor egyik felében, a magyarázat a másikban, és mindkettő együtt görög. Ezt úgy érheted el, hogy a widgetet egy rugalmas (flexbox) tároló egyik oszlopába teszed.

Az **Alkalmazás erre → Belső oszlop** lehetőség erre készült, de nálunk nem rajzol ki semmit (lásd a korlátozásokat). Az alábbi lépéseket kövesd helyette.

1. Adj az oldalhoz egy rugalmas **Konténer**t, és állítsd az **Irány**át vízszintesre, hogy a gyerekei egymás mellé kerüljenek.
2. Tegyél bele két gyerektárolót: ezek az oszlopaid.
3. Húzd a **Görgetési sorozat** widgetet az elsőbe, a szöveget vagy más widgeteket a másodikba.
4. Az **Alkalmazás erre** maradjon **Alapértelmezett**en. Egy tárolóoszlopban ez az adott oszlopot jelenti.
5. A **Feltöltés típusa** mezővel válaszd ki a képkockákat: **Galéria** a médiatárból, vagy **Távoli szerver** egy mappából.
6. Jelöld ki a widgetet tartalmazó gyerektárolót, és adj neki **Min magasság**ot az **Elrendezés** alatt. Ez a magasság a görgetési távolság, amelyen a sorozat lejátszódik.

![Sorozat egy tárolóoszlopban, mellette a másik oszlop](./kepek/kepek-media-sorozat-oszlop.webp)

*Sorozat egy tárolóoszlopban, mellette a másik oszlop* (https://minta-bolt.hu/km3-sorozat-oszlop/)

A képen a bal oldali oszlop kitöltődik a képkockával, a jobb oldali oszlop a szöveget tartja.

### Hogyan viselkedik

- A képkockák az oszlopot töltik ki, nem a képernyőt. Az oszlopétól eltérő alakú képkocka a széleken üres sávokat kap.
- Az oszlop saját magassága hajtja az animációt: minél magasabb, annál lassabb és simább a lefutás.
- Mobilon a tároló általában egymás alá rendeződik, így a sorozat a teljes szélességet kapja, a szöveg pedig alá kerül. Közzététel előtt nézd meg az egymás alá rendezett elrendezést is.
- Egy sor két oszlopában két sorozat is működik, de megduplázzák a látogató által letöltött képek számát.
- Az oszlop magasságán kívül nincs külön sebességvezérlő.

### Korlátozások

- Az **Alkalmazás erre → Belső oszlop** mód nem működik: a klasszikus szakasz oszlopában, a belső szakasz oszlopában és megadott oszlopmagassággal is csak a rajzterület kerül az oszlopba, képkockát soha nem rajzol bele.
- Rugalmas tárolóban a **Belső oszlop** egyáltalán nem hoz létre rajzterületet, mert nincs klasszikus oszlop, amelyhez kapcsolódhatna.

### Hibaelhárítás

**Az oszlop üres.** Ha az **Alkalmazás erre** értéke **Belső oszlop**, állítsd **Alapértelmezett**re.

**A sorozat az egész sort kitölti, nem csak egy oszlopot.** A widget a külső tárolóban van, nem egy gyerektárolóban. Húzd át abba a gyerektárolóba, amely az oszlopot adja.

**Az első képkocka látszik, de nem változik.** Az oszlopnak nincs görgetési helye. Adj **Min magasság**ot a widgetet tartalmazó gyerektárolónak.

**A két oszlop egymás alatt van, nem egymás mellett.** Állítsd a szülőtároló **Irány**át vízszintesre, és ellenőrizd a gyerekek **Szélesség** értékét.