# Filmstrip kiegészítő

> Egy kép-, videó- vagy alakzatrétegből sok képből és videóból álló mozgó sáv: előbeállítások, elrendezések, mozgás, interakció és a médialista.

A Filmstrip kiegészítő egyetlen réteget sok kép és videó mozgó sávjává alakít. Ahelyett, hogy egy médiát tennél a rétegbe, médiaelemek listáját adod meg, és kiválasztasz egy elrendezést. A kiegészítő a réteg határain belül kirajzolja és mozgatja az összes elemet. Tíz görgetős és 3D-s elrendezés közül választhatsz, plusz a folyamatos Marquee elrendezés közül.

A kiegészítő egy területet ad a modulszerkesztőhöz, a **Filmstrip** tervezési panelt, ami alakzatrétegeknél és a dia hátterénél jelenik meg. Más rétegtípusoknál nem látszik.

## A panel megnyitása

1. A modulszerkesztőben jelölj ki egy alakzatréteget vagy a dia hátterét a színpadon vagy a **Rétegek** oldalsávon.
2. A jobb oldalsávban kattints a **Tervezés** ikonra (Tervezési mód).
3. Kattints a **Filmstrip** fül ikonjára.

Mielőtt használod, add a kiegészítőt a modulhoz a [Kiegészítőkönyvtárból](https://hub.hellowp.io/hu/plugins/revslider/addonok-kiegeszito-konyvtar/).

Tizenegy elrendezés van. Az egyik, a **Marquee (Continuous)** megszakítás nélküli körben görgeti az elemeket, és nincs benne aktuális elem. A másik tíz elemről elemre lép, ezeket a leírás **léptetős elrendezéseknek** hívja: **Coverflow 3D**, **Path**, **Stack**, **Cascade**, **Zoom Slide**, **3D Showcase**, **3D Sphere**, **3D Tornado**, **3D Spiral** és **3D Band**.

A panelen megjelenő beállítások attól függnek, hogy a választott elrendezés melyik csoportba tartozik, és minden léptetős elrendezés saját beállításcsoportot ad. Ezeket az [elrendezések fejezete](https://hub.hellowp.io/hu/plugins/revslider/addonok-filmstrip-elrendezesek/) írja le.

## A panel fejléce

- **Filmstrip** kapcsoló: bekapcsolja a kiegészítőt a kijelölt rétegen. Amíg ki van kapcsolva, a panel többi része rejtve van, és a réteg a saját tartalmát mutatja.
- **Essentials**, **Advanced**, **Media** fülek: az előbeállítások rácsa és a mentett előbeállítások; az elrendezés-, mozgás-, interakció- és megjelenési beállítások; a megjelenített médiák listája.

## Essentials fül: előbeállítások

Az Essentials fül egy kattintással alkalmaz egy teljes beállítást. Minden előbeállítás megad egy elrendezést és a hozzá tartozó összes beállítást, az eredményt utána az Advanced fülön finomíthatod.

- Egy csempe fölé víve az egér előnézetet játszik le benne, rákattintva az előbeállítás azonnal érvényesül.
- Az előbeállítás alkalmazása bekapcsolja a Filmstrip funkciót, és lecseréli a réteg elrendezésbeállításait. A réteg médialistája megmarad. Ha a rétegnek még nincs médiája, hat mintakép kerül bele, amit a Media fülön lecserélhetsz.
- Egy mentett előbeállítás fölé víve három gomb jelenik meg: a lemez ikon felülírja az előbeállítást a réteg aktuális beállításaival, a ceruza átnevezi, a kereszt törli. Mindegyik megerősítést kér.

| Csoport | Előbeállítások | Elrendezés |
| --- | --- | --- |
| Marquee | Classic Belt, Film Reel, Fast Ticker, Gallery Wall, Soft Edges | Marquee (Continuous) |
| Focus Carousel | Coverflow, Deep Flow, Wide Fan, Zoom Focus | Coverflow 3D vagy Zoom Slide |
| Along a Path | Wave, S-Curve, Arc Up, Arc Down, Zig-Zag, Threaded | Path |
| Card Decks | Card Stack, Throw Deck, Cascade, Shutter | Stack vagy Cascade |
| 3D Space | Outside Ring, Inside Ring, Sphere, Tornado, Spiral, Unroll, Conveyor, Mosaic Wall | 3D Showcase, 3D Sphere, 3D Tornado, 3D Spiral vagy 3D Band |
| Your Presets | A **Save Preset** gombbal mentett előbeállításaid | A mentéskori beállítás |

A **Save Preset** gomb a réteg aktuális Filmstrip-beállításait saját előbeállításként menti. A gombra kattintva megnyílik egy **Preset Name** mező **Save** és **Cancel** gombbal, a mentett előbeállítás a **Your Presets** csoportban jelenik meg. A médialista nem része az előbeállításnak, és minden név csak egyszer használható.

## Advanced fül

### Elrendezés, irány, ciklusidő

| Beállítás | Mit csinál |
| --- | --- |
| **Layout** | A médiaelemek elrendezése és mozgásmódja. Erre épül a fül többi része, ezért módosításakor a lenti szakaszok többsége kicserélődik. |
| **Direction** | Csak **Marquee (Continuous)** esetén. A marquee tengelye és haladási iránya: **Left To Right**, **Right To Left**, **Top To Bottom**, **Bottom To Top**. Két marquee-réteget ellentétes irányba állítva egymással szemben görgő sorokat kapsz. |
| **Cycle Time** | Csak **Marquee (Continuous)** esetén. Mennyi idő alatt halad végig a sáv a teljes médialistán. Nagyobb érték lassabb mozgás. Tartomány: `0` (a mozgás nem látszik) és `1000` (nagyon lassú) között. |

A **Layout** lehetőségei:

| Lehetőség | Leírás |
| --- | --- |
| **Marquee (Continuous)** | Az elemek egyetlen megszakítatlan sorban futnak körbe. |
| **Coverflow 3D** | Egy sorban az éppen fókuszban álló elem előre néz, a két oldalán lévők elfordulnak. |
| **Path** | Az elemek egy megrajzolt vonalon (egyenes, hullám, ív, kör) oszlanak el. |
| **Stack** | Az elemek egymáson halomban, a mögöttiek eltolva és elforgatva. |
| **Cascade** | Az elemek egy távolodó sorban, mindegyik kisebb az előtte lévőnél. |
| **Zoom Slide** | A fókuszban lévő elem teljes méretű, a két oldalán lévők kicsinyítve. |
| **3D Showcase** | Az elemek egy görbe felületre simulnak, amelyet kívülről vagy belülről nézel. |
| **3D Sphere** | Az elemek folyamatosan forgó gömbre kerülnek, vízszintes sorokban. |
| **3D Tornado** | Az elemek folyamatosan forgó tölcsérre kerülnek, vízszintes sorokban. |
| **3D Spiral** | Az elemek folyamatosan forgó csavarvonalra kerülnek, ami a tengelye mentén is mozog. |
| **3D Band** | Az elemek sorokban fekszenek a rétegen, majd egy dobon átgördülve a felső, az alsó vagy mindkét hajtásvonalnál elfordulnak a mélységbe. |

### Marquee: Interaction szakasz

Csak **Marquee (Continuous)** elrendezésnél. Azt állítja, milyen látogatói gesztusokra reagál a folyamatosan görgő sáv.

| Beállítás | Mit csinál |
| --- | --- |
| **Drag** | A látogató mutatóval vagy ujjal tolhatja a sávot. Kikapcsolva a sáv csak a saját görgésével mozog. |
| **Pause On Hover** | Amíg a mutató a rétegen áll, a görgés megáll, elvitelekor folytatódik. |
| **Mouse Wheel** | A látogató az egérgörgővel hajthatja a sávot, amíg a mutató a rétegen van. |
| **Wheel Speed** | Csak bekapcsolt **Mouse Wheel** mellett. Mennyit halad a sáv adott görgetésre. `0.1` (alig mozdul) és `10` (az alapérték tízszerese) között. |

### Marquee: Appearance szakasz

| Beállítás | Mit csinál |
| --- | --- |
| **Edges** | A sáv befejezése a réteg szélén: **Hard Cut** (négyszögletesen levágva) vagy **Gradient Fade** (a szélek felé elhalványul). |
| **Fade Size** | Csak **Gradient Fade** esetén. Mekkora részen halványul el a sáv a két végén, a réteg haladási irányú hosszának százalékában. `0%` (nincs elhalványulás) és `50%` (a két halványulás középen találkozik) között. |
| **Shadow** | Árnyékot rajzol minden elem alá, és megjeleníti az árnyék beállításait. |
| **Color** | Az árnyék színe és átlátszósága. |
| **Shadow Blur** | Az árnyék elmosása képpontban, `0` (éles) és `120` (erősen szétterülő) között. |
| **Shadow Y** | Az árnyék függőleges eltolása képpontban: `-60` (60 képponttal az elem fölött) és `120` (120 képponttal alatta) között. |

### Léptetős elrendezések: Interaction szakasz

A **Marquee (Continuous)** kivételével minden elrendezésnél. Azt állítja, milyen gesztus lépteti a sávot elemről elemre.

| Beállítás | Mit csinál |
| --- | --- |
| **Drag** | Az elemeken a sáv húzásával léphetsz végig. |
| **Click To Focus** | Egy elemre kattintva az fókuszba kerül, nem kell odahúzni vagy görgetni. A **3D Band** elrendezésben minden elem már elöl van, ezért ott a kattintás nem mozgatja a sávot. |
| **Snap** | Húzás vagy görgetés végén a sáv a legközelebbi elemre áll, ahelyett, hogy két elem között maradna. |
| **Mouse Wheel** | Az egérgörgővel lépkedhetsz, amíg a mutató a rétegen van. |
| **Wheel Speed** | Csak bekapcsolt **Mouse Wheel** mellett. `0.1` és `10` között. |

### Transition szakasz

A léptetős elrendezéseknél azt állítja, hogyan időzül az elemről elemre váltó animáció.

| Beállítás | Mit csinál |
| --- | --- |
| **Navigation Speed (s)** | Mennyi másodperc alatt mozdul a sáv egy elemmel tovább. `0.05` (szinte azonnali) és `3` között. |
| **Navigation Easing** | A váltás gyorsulási és lassulási görbéje. A lehetőségek: **Back**, **Bounce**, **Circ**, **Cubic**, **Elastic**, **Expo**, **Power0** és **Power1** ... **Power4**, **QIcons**, **Quad**, **Quart**, **Quint**, **Sine**, **Strong**, mindegyik `.easeIn`, `.easeOut` és `.easeInOut` változatban, valamint **Linear**. |

### Autoplay szakasz

Csak a **Coverflow 3D**, **Path**, **Stack**, **Cascade**, **Zoom Slide** és **3D Showcase** elrendezéseknél. A **3D Sphere**, **3D Tornado**, **3D Spiral** és **3D Band** nem kínálja: ezek a saját beállításcsoportjukban megadott sebességgel mozognak.

| Beállítás | Mit csinál |
| --- | --- |
| **Autoplay** | A sáv időzítővel, látogatói beavatkozás nélkül lép a következő elemre, és megjeleníti az időzítés és az egérkezelés beállításait. |
| **Interval (s)** | Mennyi ideig marad egy elem fókuszban a következő lépésig. `0.2` (másodpercenként ötször lép) és `20` között. |
| **Pause On Hover** | Amíg a mutató a rétegen áll, az időzítő szünetel, elvitelekor folytatódik. |

### Items szakasz

A léptetős elrendezéseknél azt állítja, hány elem látszik egyszerre, mekkora az elemek kerete, és hogyan illeszkedik a média a keretbe.

| Beállítás | Mit csinál |
| --- | --- |
| **Visible Items** | Hány elemet rajzol ki egyszerre az elrendezés. A többi csak akkor, ha a sáv hatótávolságba viszi. `2` és `30` között. |
| **Item Size** | A keret méretének meghatározása: **Auto (Media Aspect)** (a média arányát veszi fel), **Aspect Ratio** (minden keret a **Ratio (W:H)** szerinti aránnyal), **Fixed Size** (minden keret a **Width** és **Height** szerinti képpontmérettel). |
| **Ratio (W:H)** | Csak **Aspect Ratio** esetén. A közös szélesség-magasság arány kettőspontos alakban, például `4:5`. |
| **Width** | Csak **Fixed Size** esetén. A keretek közös szélessége, `20` és `2000` képpont között. |
| **Height** | Csak **Fixed Size** esetén. A keretek közös magassága, `20` és `2000` képpont között. |
| **Media Fit** | Hogyan illeszkedik a kép vagy videó a keretbe, ha az arányuk eltér: **Cover (Crop)** (kitölti, ami kilóg, levágódik) vagy **Contain (Fit)** (egészében látszik, két oldalon üres hely maradhat). |

### Léptetős elrendezések: Appearance szakasz

| Beállítás | Mit csinál |
| --- | --- |
| **Perspective (px)** | A néző és az elemek síkja közti távolság. Kisebb érték erősebb 3D-hatást ad, nagyobb laposít. `200` (nagyon erős torzítás) és `4000` (közel lapos) között. |
| **Shadow** | Árnyékot rajzol minden elem alá, és megjeleníti az árnyék beállításait. |
| **Color** | Az árnyék színe és átlátszósága. |
| **Shadow Blur** | Az árnyék elmosása, `0` és `120` képpont között. |
| **Shadow Y** | Az árnyék függőleges eltolása, `-60` és `120` képpont között. |

### General szakasz

Az elrendezéstől függetlenül minden esetben megjelenik.

| Beállítás | Mit csinál |
| --- | --- |
| **Radius** | A keretek sarkainak lekerekítése képpontban. `0` (szögletes) és `300` (kisebb kereteknél pirula vagy kör) között. |
| **Gap** | A szomszédos keretek közti hely, `0` és `200` képpont között. |
| **Placeholder** | A keretekre (nem a médiára) kerülő szín, alapértéke fehér. |
| **Mobile Disabled** | Kikapcsolja a Filmstripet mobileszközökön, így nem terheli a gyengébb hardvert sok médiaelem animálásával. |

## Media fül

A Media fül a megjelenített médiák listáját tartalmazza. A lista minden bejegyzése egy elem a sávban, a bejegyzések húzással átrendezhetők, és mindegyik kép vagy HTML5 videó lehet.

A **Media Item** szakasz a lista egy bejegyzése, és bejegyzésenként ismétlődik. Csak akkor látszik, ha legalább egy médiaelem hozzá van adva.

| Beállítás | Mit csinál |
| --- | --- |
| **Media Type** | **Image** (állókép, a lenti képválasztóval) vagy **HTML5** (a saját tárhelyen lévő videófájl, a forrásmezővel). |
| **Preview** | A bejegyzéshez rendelt képet vagy videót mutatja. Képnél a fölé vitt egér három gombot ad: a WordPress gombot (megnyitja a médiatárat), a Slider Revolution gombot (megnyitja az [Elemkönyvtárat](https://hub.hellowp.io/hu/plugins/revslider/addonok-elem-konyvtar/)) és a keresztet (törli a bejegyzést). HTML5 videónál az előnézet a videó egy képkockáját mutatja, a könyvtárgombok a **Video File** mellett vannak. |
| **Video File** | Csak **HTML5** esetén. A videófájl forrása, mellette a fájl formátumával, és a WordPress és Slider Revolution gombbal. |

A lista alatt két gomb áll, mindkettő megnyitja a WordPress médiatárat többes kijelöléssel, és a kiválasztott képek új bejegyzésekként bővítik a listát:

- **Add Multiple**
- **Add Media**