Solved

fisheye css dock menu

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

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
binding event to form in window.open 9 36
Character counter breaks after adding EmojiOne Area 4 19
html border input line 7 13
send email part1 9 26
Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

856 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