# Egérkurzor: követő kép

> Képet rendelhetsz az egérmutatóhoz: méret, eltolás és a linkek fölött váltó második kép.

A követő kép megtartja a látogató megszokott mutatóját, és egy képet ad hozzá, amely követi az oldalon. Az **Egérkurzor** widget ezt egyetlen képből és két eltolásból építi fel. A widget közös beállításait az [Egérkurzor: áttekintés](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/kepek-media-kurzor-attekintes/) fejezet írja le.

A widget a Pro bővítmény része.

## Mielőtt elkezdesz

- A widget a **The Plus Addons → Widgets** oldalon a **Mouse Cursor** kapcsolóval kapcsolható be.
- A widget láthatatlan, ezért az oldalon elfoglalt helye nem számít, csak az, melyik tárolóban áll, amelynek a kurzorát cserélnéd.
- A szerkesztőben a widget semmit sem rajzol ki, ezért a nyilvános oldalon nézd meg.
- Az effekt kikapcsol, ha a böngészőablak 991 képpont vagy keskenyebb, ezért telefonon és a legtöbb tableten nem történik semmi.

## Követő kép hozzáadása

1. Húzd az **Egérkurzor** widgetet abba a tárolóba, amelyben az effektet látni szeretnéd.
2. A **Kurzor területe** legyen **Törzs** az egész oldalhoz, vagy **Tároló** csak ahhoz a tárolóhoz.
3. A **Típus** sorban kattints a második képre, a **Kép követése** lehetőségre.
4. A **Kurzorikon** mezőben add meg a képet. Az átlátszó hátterű PNG belesimul abba, ami mögötte van, miközben a mutató mozog. A mező alatt a panel megjegyzése .svg fájlt kér, de a PNG is működik.
5. Tedd közzé az oldalt, és mozgasd az egeret a területen.

![A Kép követése típus beállításai](./kepek/kepek-media-kurzor-panel-kep.webp)

*A Kép követése típus beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=195&action=elementor)

A képen a **Kurzor területe** **Tároló**, a **Típus** a **Kép követése**, alatta a **Kurzorikon** mező a kiválasztott képpel, majd az **Ikon maximális szélessége**, a két eltolás és az **Egérkurzor kattintási effektusa** kapcsoló. A kék doboz az Elementor saját képoptimalizálási ajánlója.

![A nyilvános oldalon egy türkiz körkép követi az egeret a fotó fölött](./kepek/kepek-media-kurzor-kep.webp)

*A nyilvános oldalon egy türkiz körkép követi az egeret a fotó fölött* (https://minta-bolt.hu/km5-kurzor-kep/)

A képen a türkiz gyűrű a mutató mellett lebeg a fotó fölött.

## Méret és pozíció

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Ikon maximális szélessége** | A kép legnagyobb szélessége. A magasság a kép saját arányát követi. 0 és 500 között állítható | 100 px |
| **Kurzor bal oldali eltolása** | A képet a mutatótól jobbra tolja. Negatív érték balra tol | 10 px |
| **Kurzor felső eltolása** | A képet a mutató alá tolja. Negatív érték felfelé tol | 10 px |

Az eltolások a kép bal felső sarkát helyezik el, nem a közepét. Mindkettőt 0-ra állítva és a mutatót a 600, 400 pontra víve a kép sarka pontosan a 600, 400 ponton állt. A 80 és −60 értéknél a 680, 340 ponton. Ezért a kép a mutatótól jobbra és lefelé lóg, hacsak vissza nem tolod a méretének nagyjából a felével.

A kép sosem kerül a mutató kattintási célpontja alá, ezért a linkek és a gombok alatta a megszokott módon működnek.

## Más kép a linkek fölött

Kapcsold be az **Egérkurzor kattintási effektusa** kapcsolót, és adj meg egy második képet. Amint a mutató egy linkre ér, a kép a másodikra vált, és visszaváltozik az elsőre, amikor lekerül róla. Ez a link fölé mutatásra reagál, nem az egérkattintásra, ezért kattinthatóságra utaló jelzésnek használd.

## Hogyan viselkedik

- A kép rejtve van, amíg a mutató először be nem lép a területre, aztán minden mozdulatot követ.
- Az oldaltartalom fölött van, de sosem fogja meg a kattintásokat.
- Az **Ikon maximális szélessége** csak felső korlát: a kis képet nem nagyítja fel odáig.
- Az effekt teljesen kikapcsol, ha a böngészőablak 991 képpont vagy keskenyebb.

## Korlátozások

- A widget csak Pro. A Pro bővítmény nélkül nincs kurzoreffektus, és értesítés sem jelenik meg.
- 991 képpont ablakszélességnél és alatta nem történik semmi, ezért a telefonos és a legtöbb tabletes látogató a megszokott mutatót látja.
- Az eltolások a kép bal felső sarkát mozgatják, ezért a kép nem lesz a mutatóra középre, hacsak magad el nem tolod.
- Nincs áttűnés vagy lassulás: a kép minden egérmozdulatkor a mutatóhoz ugrik, ezért egy nagy kép nehéznek hathat. Tartsd kicsin.
- Az **Egérkurzor kattintási effektusa** a linkek fölé mutatásra reagál, nem a kattintásra.

## Hibaelhárítás

**A kép nem jelenik meg.** Előbb vidd a mutatót a területre: addig rejtve marad. Ellenőrizd azt is, hogy a nyilvános oldalon vagy-e, mert a szerkesztőben a widget semmit sem rajzol.

**A kép eltakarja, amit olvasnék.** Csökkentsd az **Ikon maximális szélessége** értékét, vagy told el a képet a mutatótól a **Kurzor bal oldali eltolása** és a **Kurzor felső eltolása** értékével.

**A képet a mutatóra szeretném középre tenni.** Állítsd mindkét eltolást nagyjából a kép méretének mínusz felére. 100 képpont szélességnél a −50 és −50 a kép közepét a mutatóra teszi.

**A telefonomon semmi sem történik.** Ez a szándék: minden Egérkurzor-effektus 992 képpont ablakszélesség alatt leáll.