Tovább a tartalomhoz

Galéria effektek: 3D billentés és parallaxis

A Galéria listázása widget két egérre reagáló effektje: a csempék 3D billentése és az egérmozgást követő parallaxis.

A galéria két effektet tud: a csempék a mutató alatt térben megdőlnek (3D billentés), vagy az egész galéria elmozdul az egérrel (parallaxis). Mindkettő Pro funkció; az alap bővítményben a kapcsoló látszik, de frissítési értesítést mutat. A Galéria listázása widget legyen bekapcsolva a The Plus Addons → Widgets oldalon.

Az effektek a Stílus → Extra opciók szakaszban vannak, nem a Tartalom fül azonos nevű szakaszában, ahol a képméret beállításai találhatók.

https://minta-bolt.hu/wp-admin/post.php?post=262&action=elementor
A Stílus fül Extra opciók szakasza

A képen a 3D billentéses parallaxis be van kapcsolva; alatta a Billentési beállítások, a Parallaxis egérmozgással és a Rendezetlen oszlopok kapcsoló látszik.

Előbb építsd meg a galériát: válassz elrendezést a Tartalom → Elrendezés szakaszban, és add hozzá a képeket a Tartalom → Tartalom szakaszban. Az effekt azokra a csempékre hat, amelyek már megvannak.

  1. Nyisd meg a Stílus fület, és az Extra opciók szakaszban kapcsold be a 3D billentéses parallaxis kapcsolót.
  2. A Billentési beállítások ikonjára kattintva négy csúszka nyílik:
    • a legnagyobb döntés szöge fokban: ez dönti el, hogy az effekt finom vagy művi;
    • a 3D vetítés ereje (perspektíva): kisebb érték nagyobb mélységet ad;
    • nagyítás: nő-e a csempe rámutatáskor;
    • sebesség: milyen gyorsan követi a mutatót.

Ha a döntés szöge nincs beállítva, nincs min átbillenni, és az effekt nem látszik.

  1. A Stílus → Extra opciók szakaszban kapcsold be a Parallaxis egérmozgással kapcsolót.
  2. A megjelenő beállításokban két csúszka van: az X a vízszintes, az Y a függőleges elmozdulás. Kis értékek mélységet adnak, nagyok széttörtnek mutatják az oldalt.

A kettő együtt is bekapcsolható, de ritkán néz ki jól.

Beállítás Hol Alapérték
3D billentéses parallaxis Stílus → Extra opciók Ki
Billentési beállítások Stílus → Extra opciók Nincs beállítva
Parallaxis egérmozgással Stílus → Extra opciók Ki
Rendezetlen oszlopok Stílus → Extra opciók Ki
  • Mindkettő Pro funkció.
  • Érintőképernyőn nincs rámutatás, így az effekt telefonon és táblagépen nem fut, és ne hagyatkozz rá semmi fontos közlésénél.
  • Eszközönként külön érték nincs, egy beállítás vonatkozik mindenhol.
  • Nagy szög és kis perspektíva torzítja a képet: a fotók eltorzultnak látszanak, nem térbelinek.
  • A mozgáskorlátozási beállításokat (kevesebb mozgás) a widget nem kezeli. Széles közönségnek szánt oldalon használj kis értékeket.

Nem találom a kapcsolót. A Stílus fül Extra opciók szakaszában van, nem a Tartalom fülén.

Nem történik semmi rámutatáskor. Billentésnél állíts be értéket a Billentési beállításokban, parallaxisnál az X és Y értéket: beállítás nélkül nincs megtehető távolság. Ezután ürítsd a gyorsítótárat, és az Elementor → Eszközök oldalon generáld újra a CSS-t és az adatokat.

A képek torzak. Csökkentsd a döntés szögét, és növeld a perspektíva értékét. Kis szög hosszú perspektívával mélységnek, nagy szög rövid perspektívával torzításnak hat.

Mobilon nem működik. Ez a várt viselkedés: az effekt az egérmutatót követi, az érintőképernyőnek nincs mutatója.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások