Show images on OnMouseOver event in Javascript

In my project I have a Grid view.
and it has some 20 to 30 rows of employees which are hyperlinks.
When the user moves mouse on the hyperlink I need to show his thumbnail  image.
Remember its only on  Onmouse over event not clicking the hyperlink.
How can I do this, Do I have to use simple Javascript or is there any control
available in AJAX for this image popup.
Any help will be highly apprecited..
My project is being developed in .Net3.5, C# and VS2008.

Thanks in Advance
ken_rgrAsked:
Who is Participating?
 
alexandremattarCommented:
In this example set up the following things:
1 - An object of employee
2 - A GridView
3 - Plugin Jquery

In the code just created a generic list, and attaches to the DataSource of the GridView.

The key to this work is to add a column of type LinkItem, this column and click the option Convert this field into a TemplateField.
Then, we have to edit the html of this page to accept the parameters of jquery.

I leave all the files for download below.
OnmouseOverPreviewDataGrid.doc
jquery-1.3.2.txt
main.txt
1.jpg
2.jpg
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.