?
Solved

fisheye css dock menu

Posted on 2009-05-19
3
Medium Priority
?
479 Views
Last Modified: 2012-05-07
Hello experts.
I have downloaded the jquery css dock menu from:http://www.ndesign-studio.com/blog/design/css-dock-menu/ and it is working for me.
The question is how can i handle when the fisheye effect starts.I want the effect when the mouse is over the image and not the way it is  in the demo.
0
Comment
Question by:Panos
  • 2
3 Comments
 
LVL 12

Accepted Solution

by:
GuitarRich earned 2000 total points
ID: 24419890
change the proximity value to 1 like this - that makes only the icon the mouse is over to grow.
			$('#dock2').Fisheye(
				{
					maxWidth: 60,
					items: 'a',
					itemsText: 'span',
					container: '.dock-container2',
					itemWidth: 40,
					proximity: 1,
					alignment : 'left',
					valign: 'bottom',
					halign : 'center'
				}
			)

Open in new window

0
 
LVL 12

Expert Comment

by:GuitarRich
ID: 24419897
actually play with that value - 1 stops the animation effect. 15 still does the animation but only for the icon the mouse is over. I think it will depend on your icon size tho.
0
 
LVL 2

Author Closing Comment

by:Panos
ID: 31582907
Hi GuitarRich:
Thank you for your help.It is working fine.
regards
panos
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

862 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question