# Filmstrip Page FX

> Mozgó kép- és videósáv bejegyzésbe vagy oldalra: a Page FX · Filmstrip blokk, a Galéria és Oszlopok blokkra tett effekt, és a Filmstrip párbeszédablak beállításai.

A Filmstrip Page FX közvetlenül egy bejegyzésbe vagy oldalra teszi a Slider Revolution filmstripet, modul építése nélkül. A filmstrip képek és videók halmaza, amely magától mozog, és a látogató is húzhatja. Az elemek futhatnak sima sávban, követhetnek egy útvonalat, kártyahalomba rendeződhetnek, vagy 3D-s alakzaton ülhetnek: gömbön, tölcséren, csavarvonalon vagy gördülő szalagon.

A Page FX effektek a WordPress blokkszerkesztőben adhatók hozzá, nem a modulszerkesztőben. A Filmstrip kétféleképpen vehető fel.

## A blokk hozzáadása

1. Szerkessz egy bejegyzést vagy oldalt, és kattints a blokkbeszúróra.
2. Keress rá a **Filmstrip** szóra.
3. Kattints a **Page FX · Filmstrip** blokkra.

A blokk a saját médiáját hozza: kézzel kiválasztott képeket és videókat, vagy bejegyzések kiemelt képeit.

## Effekt egy Galéria vagy Oszlopok blokkra

1. Jelölj ki egy WordPress **Galéria** vagy **Oszlopok** blokkot.
2. A blokk eszköztárában kattints a **Page FX** gombra, majd a **Filmstrip** pontra.

A blokkban lévő képek lesznek a filmstrip médiái. A **Page FX** menü felsorolja az összes Page FX effektet, amelyet a kijelölt blokk fogadni tud, és pipa jelöli, melyik van már bekapcsolva.

Mindkét út ugyanazt a Filmstrip párbeszédablakot nyitja meg. Az egyetlen különbség a média: a blokknak saját **Source** beállítása van, a galéria vagy oszlopok blokk a benne lévő képeket használja.

## A Page FX · Filmstrip blokk

A blokk médiát hordoz, és a bejegyzésbe vagy oldalra teszi a filmstripet.

- Egy új blokk **Upload** és **Media Library** gombot mutat a képek és videók kiválasztásához.
- Miután választottál médiát, a blokk kiírja a kiválasztott megjelenés (look) nevét, az elemek számát és egy sor bélyegképet, mellette a **Replace images** és **Settings** gombbal. A **Settings** megnyitja a Filmstrip párbeszédablakot.
- Ha a **Source** a bejegyzések kiemelt képeit választó **Posts** lehetőség, a blokk a bejegyzéstípust és a bejegyzések számát mutatja.

A filmstrip maga a közzétett oldalon és az előnézetben fut, a szerkesztőben nem.

A blokk oldalsávjának **Filmstrip** panelje megmutatja a blokk megjelenését (a neve mellett az elrendezésével), és a gombot, ami megnyitja a párbeszédablakot (**Edit Filmstrip**).

## A Page FX · Filmstrip panel

A blokk oldalsávjának Beállítások fülén jelenik meg, ha egy Galéria vagy Oszlopok blokk be van kapcsolva Filmstrip effekttel. A használt megjelenést és az effekt szerkesztő és eltávolító gombjait mutatja. A blokkon belüli képek a filmstrip médiái, ezért a panelen és a párbeszédablakban nincs médiaforrás-beállítás.

- **Edit Filmstrip**: megnyitja a párbeszédablakot.
- **Remove Effect**: kikapcsolja a Filmstrip effektet a blokkon, ami ismét normál galériaként vagy oszlopokként jelenik meg. A megjelenés és a beállítások megmaradnak, és visszajönnek, ha a **Page FX** menüből újra a Filmstripet választod.

## A Filmstrip párbeszédablak

Az ablak bal oldalán a megjelenések (look), jobb oldalán a beállítások vannak. A beállítások fölött a kiválasztott megjelenés neve és elrendezése áll. A párbeszédablakban végzett módosítások azonnal érvényesülnek a blokkon, és a bejegyzéssel vagy oldallal együtt mentődnek.

### Look

Az elrendezést és az ahhoz tartozó induló értékeket adja meg. Egy csempe fölé víve az egér előnézetet játszik le benne, rákattintva a megjelenés érvényesül.

A megjelenés beállítja az elrendezést, a **Direction**, **Speed**, **Gap**, **Image Ratio**, **Fit** és **Corner Radius** értékét, az útvonalas megjelenéseknél a **Path Shape** értékét is, és lecseréli a **Strip Height** értékét az elrendezéshez illőre. Egy új **Page FX · Filmstrip** blokk a **Classic Belt** megjelenéssel indul, és az a Galéria vagy Oszlopok blokk is, amelyen először kapcsolod be a Filmstripet.

Minden megjelenés a tizenegy elrendezés egyikét használja:

| Elrendezés | Leírás |
| --- | --- |
| Auto Marquee | Az elemek egyetlen megszakítatlan sorban futnak körbe. |
| Coverflow | Az elemek egy sorban, a fókuszban lévő előre néz, a két oldalán lévők elfordulnak. |
| Card Stack | Az elemek halomban, a mögöttiek eltolva és elforgatva. |
| Cascade | Az elemek távolodó sorban, egyre kisebbek. |
| 3D Showcase | Az elemek egy görbe felületre simulnak, kívülről vagy belülről nézve. |
| Path | Az elemek egy megrajzolt útvonalon (hullám, ív, kör) oszlanak el. |
| Zoom Focus | A fókuszban lévő teljes méretű, a két oldalán lévők kicsinyítve. |
| 3D Sphere | Forgó gömbre kerülő elemek, vízszintes sorokban. |
| 3D Tornado | Forgó tölcsérre kerülő elemek, vízszintes sorokban. |
| 3D Spiral | Forgó csavarvonalra kerülő elemek, ami a tengelye mentén is halad. |
| 3D Band | Sorokban fekvő elemek, amelyek egy dobon átgördülve a felső, az alsó vagy mindkét szélen elfordulnak. |

A megjelenések csoportjai:

| Csoport | Megjelenések | Elrendezés |
| --- | --- | --- |
| Marquee | Classic Belt, Film Reel, Fast Ticker, Gallery Wall, Soft Edges | Auto Marquee |
| Focus Carousel | Coverflow, Deep Flow, Wide Fan, Zoom Focus | Coverflow vagy Zoom Focus |
| Along a Path | Wave, S-Curve, Arc Up, Arc Down, Zig-Zag, Threaded | Path |
| Card Decks | Card Stack, Throw Deck, Cascade, Shutter | Card 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 |

### Médiaforrás (csak a Page FX · Filmstrip blokknál)

| Beállítás | Mit csinál |
| --- | --- |
| **Source** | **Images / videos**: a blokk **Upload**, **Media Library** vagy **Replace images** gombjával választott képek és videók. **Posts** (a felirata a „featured images” szavakkal folytatódik): a lenti beállításoknak megfelelő bejegyzések kiemelt képei. Ez utóbbi megjeleníti a következő négy beállítást. Galéria vagy Oszlopok blokkból megnyitva nem látszik. |
| **Post Type** | Melyik bejegyzéstípusból jönnek a kiemelt képek. A lista a webhelyen regisztrált típusokat kínálja, egyéni bejegyzéstípusokkal több is lehet. Alapesetben **Posts** (szokásos blogbejegyzések). |
| **How Many** | Hány bejegyzést húz be a filmstrip, `1` és `30` között. A kiemelt kép nélküli bejegyzés nem ad elemet, ezért kevesebb elem is látszhat. Csúszkával vagy a mellette lévő mezőbe gépelve állítható, a kettő tükrözi egymást. |
| **Order By** | A bejegyzések sorrendjének alapja: **Date** (közzététel dátuma), **Title** (cím betűrendben), **Menu order** (a bejegyzéseken megadott kézi sorrend), **Random** (minden oldalbetöltéskor más sorrend). |
| **Order** | **Newest first** (csökkenő) vagy **Oldest first** (növekvő) irány. |

### Elrendezésfüggő beállítások

| Beállítás | Mikor látszik | Mit csinál |
| --- | --- | --- |
| **Path Shape** | A **Path** elrendezést használó megjelenésnél | Az útvonal alakja: **Wave**, **S-Curve**, **Arc (up)**, **Arc (down)**, **Circle**, **Zig-Zag**, **Straight line**. |
| **Edge Shrink** | **Path** | Mennyire kisebbednek az elemek a fókuszponttól az útvonal vége felé, `0` (egyformák) és `70` között. |
| **Curve** | **Path** | Mennyire hangsúlyos a **Path Shape** szerinti alak, `0` (egyenes sor) és `100` (teljes mélység) között. |
| **Spiral Width** | **3D Spiral** | Mennyire tér ki a csavarvonal jobbra-balra, ahogy forog, `0` (legkeskenyebb) és `100` (legszélesebb) között. A tekercsek közti távolságot a **Gap** adja. |
| **Visible Cards** | **Cascade** | Hány elem látszik egyszerre: **Auto (fit width)** (a tároló szélességéből számolja, átméretezéskor újraszámolja) vagy `3` és `12` közötti szám. |

A csúszkás beállításoknál (**Edge Shrink**, **Curve**, **Spiral Width**, **Speed**, **Gap**, **Strip Height**, **Edge Fade**, **Corner Radius**) az érték csúszkával vagy a mellette lévő mezőbe gépelve állítható, a kettő tükrözi egymást.

### Közös beállítások

| Beállítás | Mit csinál |
| --- | --- |
| **Direction** | Merre halad a filmstrip: **Left**, **Right**, **Down**, **Up**. |
| **Speed** | A haladás sebessége, `5` (leglassabb) és `200` (leggyorsabb) között. |
| **Gap** | Az elemek közti hely képpontban, `0` és `120` között. A **3D Spiral** elrendezésnél a csavarvonal tekercsei közti távolságot adja. |
| **Strip Height** | A filmstrip által az oldalon elfoglalt terület magassága képpontban, `80` és `1000` között, `10`-es lépésekben. A megjelenés kiválasztása lecseréli az elrendezéshez illő értékre, ezért a magasságot a megjelenés kiválasztása után állítsd. |
| **Edge Fade** | A filmstrip a széle felé fokozatosan elhalványul, nem áll meg éles szélnél. A 3D elrendezéseknél a halványítás elrejti azt az éles vonalat is, ahol a terület levágja az alakzatot. `0` (nincs halványítás) és `50` között. Nullánál nagyobb értéknél megjelenik a **Fade Edges**. |
| **Fade Edges** | Csak, ha az **Edge Fade** nagyobb nullánál. Melyik szélek halványulnak: **Auto (by layout)** (az elrendezés dönt), **Horizontal**, **Vertical**, **Both**. |
| **Image Ratio** | Az elemek szélesség-magasság aránya, a fájl eredeti méretétől függetlenül mindegyiknél azonos: `1:1`, `4:5`, `3:4`, `4:3`, `3:2`, `16:9`. |
| **Fit** | Hogyan tölti ki az elem az **Image Ratio** szerinti alakot, ha a fájl aránya más: **Cover** (kitölti, ami nem fér, levágódik) vagy **Contain** (egészében látszik, két oldalon üres hely maradhat). |
| **Corner Radius** | Az elemek sarkainak lekerekítése képpontban, `0` és `120` között. |
| **Drag to scrub** | A látogató egérrel vagy ujjal húzva kézzel mozgathatja a filmstripet. |

### Gombok

- **Remove**: csak Galéria vagy Oszlopok blokkból megnyitott ablakban látszik. Kikapcsolja a Filmstrip effektet a blokkon, és bezárja az ablakot, ugyanúgy, mint az oldalsáv **Remove Effect** gombja.
- **Preview**: új böngészőlapon megnyitja a bejegyzés vagy oldal előnézetét, ahol a filmstrip úgy fut, mint a közzétett oldalon. A szerkesztő előbb automatikusan menti a bejegyzést, mert az előnézet a mentésből készül.
- **Done**: bezárja az ablakot. A módosítások már érvényesültek a blokkon.