Skip to main content
Home Forums Silverlight Design Designing with Silverlight MouseOver control help
4 replies. Latest Post by milind.soman on July 2, 2009.
(0)
ddni_nk
Member
6 points
53 Posts
06-29-2009 3:09 PM |
I am trying to create a mouse over control similar to the one found on this page: http://www.colaab.com/Index.aspx (see the three banners for "Mashable", "Web Worker Daily", and "Microsoft"). Initially the three banners are greyed out, but upon mouse over they get color.
How can I go about doing this? Do I use a greyed out image and then on mouse over set a colored version of the banner to visible?
Any help will be greatly appreciated.
ksleung
Contributor
5366 points
1,028 Posts
06-29-2009 4:08 PM |
One possibility is to use PixelShader to gray out the image, with one variable "Fade" to interpolate between the grayscale and the color image. Search for WPF Effects Library for more detail (WPF Pixel shader effects is compatible with Silverlight, with a very minor syntax tweak). There are some transition demos and you can start from there.
milind.s...
389 points
72 Posts
06-30-2009 10:13 AM |
You are right ddni_nk,
This experience could be achieved by the approach which you are thinking till you are using Silverlight 2. For Silverlight 3 as Ksleung said you can use pixel shader effect to achieve same experience.
paru
164 points
28 Posts
07-02-2009 5:24 AM |
Do you mean the blurr effect or should we have some 3rd party :)
07-02-2009 5:46 AM |
In case of silverlight 3, i does not mean using blur effect to achieve your desired experience. There is a tool called 'Shazzam' which helps in creating pixel shader effects. Have look at the link http://shazzam-tool.com/ & to know more about pixel shader effects see http://www.andybeaulieu.com/Home/tabid/67/EntryID/145/Default.aspx
http://www.codeplex.com/wpffx
MouseOver control help