# Panoráma és 360°-os diavetítés widget

> Gömbpanoráma megjelenítése, és 360 fokos körbeforgatható termékkép képsorozatból.

Két widget segít abban, hogy a látogató körbenézhessen egy helyszínen vagy körbeforgathasson egy tárgyat: a **Panoráma** egyetlen gömbpanoráma-képből dolgozik, a **360°-os diavetítés** egy képsorozatot pörget.

## Panoráma

A **Panoráma** widget 360 fokos, gömb alakú képet jelenít meg. Asztali gépen a képet húzással forgathatod, táblagépen és telefonon az eszköz elfordítása mozgatja a nézetet, de VR-módban is megnézhető.

![A Panoráma widget Tartalom fülje](./kepek/animaciok-es-effektek-panorama.webp)

*A Panoráma widget Tartalom fülje* (https://minta-bolt.hu/wp-admin/post.php?post=58&action=elementor)

Figyeld meg, hogy az összes beállítás egyetlen **Panoráma** szakaszban van.

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Forráskép** | Megadja, honnan jön a kép: **Médiatárból** vagy **Egyéni URL**-ről. | Médiatárból |
| **Panorámakép** | A jelenet képe. A legjobb eredményhez valódi 360 fokos panorámakép kell. | |
| **Jelenet magassága** | A jelenet magassága, rögzített (px) vagy relatív egységben. Eszközönként külön is megadható. | 550 px |
| **Teljes képernyő** | Bekapcsolva a kép a böngészőablak teljes méretében jelenik meg. | Nem |
| **VR mód UI** | Bekapcsolva a panoráma alapból VR-módban indul, így okostelefonnal VR-szemüvegben is nézhető. | Nem |
| **Lehetővé teszi, hogy az F billentyű megnyomásával VR-módba lépj** | Bekapcsolva az **F** billentyűvel is be lehet lépni a VR-módba. | Nem |
| **Fordított egérvezérlés** | Bekapcsolva a kép fordított irányban mozog az egérhúzásra. | Nem |

Panorámakép készítéséhez használhatsz 360 fokos kamerát, vagy telefonos panorámafotózó alkalmazást (például a Google Térkép saját fotószféra-készítőjét).
## 360°-os diavetítés

A **360°-os diavetítés** egy mappában lévő képekből készít forgatható nézetet. A képek egy tárgy különböző szögekből készült fotói; a látogató húzással "forgatja" a tárgyat. Minél több képed van, annál simábbak az átmenetek.

![A 360°-os diavetítés widget beállításai](./kepek/animaciok-es-effektek-360-diavetites.webp)

*A 360°-os diavetítés widget beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=58&action=elementor)

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Szélesség** | Az elem szélessége képpontban. | 400 px |
| **Képek elérési útja** | A képeket tartalmazó mappa a WordPress feltöltési könyvtárán (`wp-content/uploads`) belül. Ha a képek a `wp-content/uploads/360-gallery` mappában vannak, ide csak azt írd: `360-gallery`. | `360-gallery` |
| **Navigáció** | Bekapcsolva lejátszás/szünet gombok és navigáció jelenik meg. | Nem |
| **A kezdeti forgás letiltása betöltéskor** | Bekapcsolva a nézet nem forog magától az oldal betöltésekor. | Nem |
| **Lejátszási sebesség (ms)** | A képváltások közti idő ezredmásodpercben. | 100 |

A képeket sorban kell elnevezni: `1.jpg`, `2.jpg`, `3.jpg` és így tovább. A mappának előbb léteznie kell a `wp-content/uploads` alatt.