MagyarmagyarEgé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 fejezet írja le.
A widget a Pro bővítmény része.
Mielőtt elkezdesz
Szekció neve “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
Szekció neve “Követő kép hozzáadása”- Húzd az Egérkurzor widgetet abba a tárolóba, amelyben az effektet látni szeretnéd.
- A Kurzor területe legyen Törzs az egész oldalhoz, vagy Tároló csak ahhoz a tárolóhoz.
- A Típus sorban kattints a második képre, a Kép követése lehetőségre.
- 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.
- Tedd közzé az oldalt, és mozgasd az egeret a területen.
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 képen a türkiz gyűrű a mutató mellett lebeg a fotó fölött.
Méret és pozíció
Szekció neve “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
Szekció neve “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
Szekció neve “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
Szekció neve “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
Szekció neve “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.
Készült: