JQuery egérrávitelre kiélesedő és megnövő kép, hogyan?
Ebben kérnék segítséget, hogy ez hogy kivitelezhető. Szóval:
Van egy képem, és ha ráviszi valaki az egeret(Nem click eseményről van szó) akkor az 30% áttetszőről, nem áttetszőre változik, és megnagyobbodik, és ha elveszi onnan az egeret, akkor pedig tűnjön el a nagyított rész. Köszi a segítséget!
válasza: válasza:(szerintem css3ban is meglehet)
kell egy doboz, aminek a közepére teszed a képet
mouseoverre adsz neki 'img-mouseover' classt
mouseoutra leveszed
- ennyi js/jq kell bele
cssben csinálsz 3 classt
img-container,img-normal, és img-mouseover
containernek megadsz magasságot, szélességet, relatív positiont
normal legyen 30% áttetsző, teljesen középen, összenyomott kép
mouseover pedig normál méretű kép, és teljesen látható
a blurre nincs most ötletem
válasza:Amúgy nem csak css3-ban lehet, már elég régóta van hover esemény a css-ben.
De mivel a kérdés jQuery-re volt kiírva, gondoltam erre külön ok is van.
válasza:#3
Transition(css3) nélkül -szerintem- elég csúnyán néz ki, ha csak hirtelen nagyobb lesz és halványból egyből látható.
De ha neked jobban tetszik enélkül..te tudod.
Blur filter pedig css3-ban is alig van(bár megoldható képcserével)
További kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!