Mootools Javascript Fisheye Dock Menu Example December 15, 2006
I’m currently working on a mootools javascript fisheye dock menu example. You can see the fisheye example here: http://www.chrisesler.com/mootools/fisheye/index.php. I’ve taken some inspiration by the fisheye script developed by John Pennypacker at http://www.pennypacker.net as well as some help I got from Inviz (from mootools fame). The script is still a little buggy, but it works in all browsers as far as I can tell with the exception of the IE 6 and below PNG issue. I’ll work that out. But it works great in firefox, camino, safari, and IE 7. I’ll post more of my progress as I go along.
Loading...
7 Responses to “Mootools Javascript Fisheye Dock Menu Example”
Mootools Drop Down Menu
for some situations it is necessary to have only one class for parent menu items i.e. only “navbutton” instead of additional “navbutton hasSubNav”. Therefore the script has to detect if there are “hasSubNav”. In the case of not no “hasSubNav#” has to be display. Could you modify the nice script this way? (this is also pasted on mootools forum)
Very cool man, quite cpu intensive but it would be awesome to implement on a website with smaller images. Hell if you could get autohide to work too that would be even better.
Hey, I really liked the fisheye script you developed. How would i go about customizing it to be the navigation of my site listed?
Thanks in advance,
Alex
hey chris, i like the fisheye menu,
but i’m also troubled with not so smooth
transitions in mootools with rescaling,
the rebuild from inviz doesn’t work with me
so can you give me a little helpe about his
trick so i can try to do the same on my website
and let things look smoother
another question, i like to add a search to
my website, not as fancy as yours but maybe
a simple one, can you write a guide for this
the only thing i find incommon is the urchin.js
but for that you need a google-number or something ?
kr
This is for free use?
Must say I love this effect, it’s just so clean an mac’y
awsome work i cant wait for the finished pollished result, here is some info to help
This is the htc from the jquery/interface version to fix the ie6 png problems
http://www.3dmonic.com/test/iepngfix.htc
this is a simple example i found that has spot on transitions, but it uses mouseover of two images
http://www.3dmonic.com/test/images/fisheye.html
lastly, this article is by the author of by far the best implementation of the fisheye on the web. it works in all browsers flawlessly if implemented, but he or they charge for the full version. but he has demos which you can view condensed code for
http://blogs.nitobi.com/alexei/?p=37
hope this helps! I have awsome plans fo this lol