[Ext Core]Ext.ux.FisheyeMenu

[helloniko]

FisheyeMenu is my second simple UX based on Ext Core.
It's horizontal mode and still initial version now, just play for fun. Vertical fisheye mode and pure text function will be supported in the future.

(** if you extract the attachment but to find lost file extention ('.zip'), please use zip software open/extract it, thanks...)

• -Tested on FF2+, IE7+, Chrome2, Safari3
• -MIT License

Example usage:

        Ext.onReady(function() {
            var fm = new Ext.ux.FisheyeMenu({
		renderTo : 'fisheye-menu',
		itemWidth : 60,
               items : [{
                    text: 'Map',
		     imagePath: 'images/map.png',
		     url: 'http://maps.google.com'
                }, {
                    text: 'Photo',
		     imagePath: 'images/photo.png',
		     url: 'http://picasaweb.google.com'
                }]
            });
			
	    // change alignment dynamically
	    fm.setAlign({
		hAlign : 'left',
		vAlign : 'top'
	    });                 
        });

[elnove]

Greate work dude !!!!

[Joe]

This is exactly the types of controls that will make all our lives easier.

Great work and thanks so much.

[pachama]

Congratulation for this!

Simple and tight.

Just a question: i cut & paste your code in the Desktop sample (to have the dock as task bar) , every thing works fine but the tooltiptips.
It seems that onItemHover events is not received by menu item.
do you have an idea about this strange behaviour?

luc

[hello2008]

Originally Posted by pachama

Congratulation for this!

Simple and tight.

Just a question: i cut & paste your code in the Desktop sample (to have the dock as task bar) , every thing works fine but the tooltiptips.
It seems that onItemHover events is not received by menu item.
do you have an idea about this strange behaviour?

luc

Sounds interesting, so I did a test, put my attachment modified files (html for test and for css only changed the text color and removed text background image) into Desktop folder, working no problem, what you mentioned about tooltip is the image alt text, right? found works okay if you hover a little longer on the image item.

[pachama]

Thanks to your response.

You're right. It works perfectly. I realize that it's not work if i put the "fisheye" div outside of the desktop div.

[Duamarea]

omg man ive been wanting this so long im about 2 play with this for sure *sniff* *sniff* i love u

[Mad_Clog]

Good stuff!
Any ETA on a vertical version? would be ace to include in the desktop.
Keep up the good work!