Live.com hover image GUI in ASP.NET part 3

Continued from part 1 creating a live.com image search like GUI

Finally lets create the hovering effect:

I decided to try to use the ASP.NET Ajax control toolkit and the hoverextender control.

So all we need to do is

a) add some styles

b) add the extender and an "alternate hover div template":

Of course we change the codebehind as well to set values for the  new controls:

All in all it gives us a result like this:

 

The image we are hovering shows the oneimagehover div instead. Pretty cool I'd say.  However - I doubt I have done it in the most efficient way - however I was indeed pretty happy woth the fact that it DID WORK in my FIRST try, just after half an hour.

Now - download the solution and have a look!

Attachments

  AjaxDemo1.zip

Comments (add)»