Magnifying mouseover - how is it done?

  • cerio
  • Proficient
  • Proficient
  • User avatar
  • Posts: 263
  • Loc: UK

Post 3+ Months Ago

Hi.
Can anyone tell me how to do this zoom effect on a web page, please?
You can see it used on the magazine cover picture on this site page...
http://www.houseandgarden.co.uk/

Thank you.

Regards,
Ceri
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • User avatar
  • Posts: 2733
  • Loc: Nashville, TN

Post 3+ Months Ago

They're doing it in flash. I would imagine it's something like one clip laid over another and masked according to where the mouse is.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23456
  • Loc: Woodbridge VA

Post 3+ Months Ago

It's called a magnifying glass effect. Here's a tutorial on exactly how (although I like the way the houseandgarden circle disappears once you mouse out of the flash where the tutorial doesn't take it that far).
http://www.webwasp.co.uk/tutorials/b11- ... /index.php
  • cerio
  • Proficient
  • Proficient
  • User avatar
  • Posts: 263
  • Loc: UK

Post 3+ Months Ago

Thank you. I'll try that
The vanishing circle is nice but this will do fine.

If anyone finds one with a vanishing circle, please post it too.

Regards,
Ceri
  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • User avatar
  • Posts: 2733
  • Loc: Nashville, TN

Post 3+ Months Ago

If you grasp the tuto, then you could probably do the same by detecting when the mouse leaves the movie - just pull the circle off stage and back on with mouse enter.

Post Information

  • Total Posts in this topic: 5 posts
  • Users browsing this forum: No registered users and 62 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.