Solved

fisheye css dock menu

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

948 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

21 Experts available now in Live!

Get 1:1 Help Now