You would have to use javascript to detect the mouse position over the
icons to correctly scale the image, you might be able to go from having
a small icon to a large icon just using CSS.
PNGs will allow you to have nice alpha blending around the edges of the
images not matter what the background is behind them but you need a hack
to implement it in IE6.
I'd suggest altering the javascript a bit to make it a bit smoother, the
apple dock scales the image your mouse is over to it's max size and
scales the images on either side according to where the mouse is. At the
moment it's very jumpy, responds even if you move your mouse a little
bit, which is kind of annoying.
Samuel
Paul Noone wrote:
Using a PNG you could achieve a similar effect.
This was actually demoed at WE05. You should be able to find the
presentation and podcast on the WE05 website.
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Jad Madi
Sent: Wednesday, 9 November 2005 6:17 AM
To: [email protected]
Subject: [WSG] css instead of JS(ajax)
Hi,
any idea if it's possible to create menu like this one pure css without JS ?
http://dojotoolkit.org/~alex/dojo/trunk/demos/widget/Fisheye.html
if yes, please shot a kickstart
--
Regards
Jad madi
Blog
http://EasyHTTP.com/jad/
Web standards Planet
http://W3planet.net/
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
