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

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 í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örzsre.
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.

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

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énert, é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értelmezetten. 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ágot az Elrendezés alatt. Ez a magasság a görgetési távolság, amelyen a sorozat lejátszódik.

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

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