Solved

fisheye css dock menu

Posted on 2009-05-19
3
436 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 500 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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

816 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

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now