Lets Take A Look At Fisheye Menu Component v0.3
The Fisheye component is based around the concept of itemRenderer factories, just like the flex list and charting components. The goal is to use composition to separate behavior from content, so you can reuse the basic fisheye effect across many different applications and uses. It’s available under the MIT Open Source license, so feel free to use it or modify it in your own applications.
The Fisheye component uses a pattern that’s been coming up a lot lately where the intended layout of the component is not the same as the actual layout.
In this case, the fluid animation as you move the mouse across the component is built by migrating the actual layout of the renderers towards the intended layout (as determined by the mouse position) over time. You can check out how it will look in action 1D Demo and 2D Demo
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
You May be Interested In More Interesting Free Resources
- Dynamic Drive CSS Library For Practical CSS Codes And Examples
- Site Tour Creator - Simple. Free. Open Source.
- Free Illustrator Format Icons By Monofactor
- Create Clear and Colorful Flash-like Effects With Javascript For Your Web Applications Using GlassBox!
- Download Now Cheers, A Free “Social” Icon Set
- Free High Resolution Digital Stock Photography For Either Corporate Or Public Use
- 18 Creative Poverty Posters That Can Create Effective Awareness!
- Free Custom RSS Icons For Your Website From a bulletproof idea!
- Download Quality And Unique Free Design Patterns!
- Open Source Web Design, Download Free Web Design Templates





![header=[Premier Survey] body=[Create your own free survey in just 10 minutes!]](http://www.smashingapps.com/banner/premierysurvey-banner.jpg)
![header=[LogicWeb] body=[Linux Dedicated Server and dedicated hosting. Dedicated servers starting at $69/mo. Custom dedicated servers. Buy your new dedicated server today. Web Server]](http://www.smashingapps.com/banner/logic-web-100x100.gif)
![header=[Dolphin Geeks] body=[Providing Boonex Dolphin Installation, Boonex Dolphin support, ray installation, ray service and ray support.]](http://www.smashingapps.com/banner/dolphin-geeks100x100.jpg)
![header=[Design Jobs on the Wall] body=[Job board managed by Web Designer Wall where you can find and post design jobs.]](http://www.smashingapps.com/banner/design-jobs-webdesignerwall-100x100.gif)
![header=[iNetZeal] body=[Affordable & Quality SEO Service by Expert SEO Company!]](http://www.smashingapps.com/banner/Z-inetzeal-100x100-banner.jpg)


Very cool! But with one question, when click outside of pictures, it will select fist pic automatically, is it a bug?