Click here to Skip to main content
11,496,146 members (1,719 online)
The site is currently in read-only mode for maintenance. Posting of new items will be available again shortly.
See more: C# ASP.NET jQuery
How can i popup image which is small in gridview and when it hovers it should be large...

how can i do this using jquery..
Posted 18-Feb-11 22:00pm
Edited 18-Feb-11 22:02pm
It's not built into jQuery itself, but you can use a plugin like jquery-plugin-tooltip[^]
Its basically an absolute positioned div on top of everything else.
Vineet_2109 at 19-Feb-11 3:11am
thanks for your comments but it doesn't inside grid i tried. so if possible can you suggest some other idea. or you can help using example..
Have a look Here[^]
Vineet_2109 at 21-Feb-11 4:02am
thanks...i did it.. but its too slow with large data ... so jquery might increase speed..if you can find would be great ...
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
                    <asp:Image CssClass="Image1" ImageUrl='<%# Eval("Image") %>' runat="server" />
use this jquery for display image on mousehover
$('#<%=GridView1.ClientID %>').find('img[class$="Image1"]').mouseover(function () {
   $('#<%=GridView1.ClientID %>').find('img[class$="Image1"]').width(500);
   $('#<%=GridView1.ClientID %>').find('img[class$="Image1"]').height(500);
$('#<%=GridView1.ClientID %>').find('img[class$="Image1"]').mouseout(function () {
   $('#<%=GridView1.ClientID %>').find('img[class$="Image1"]').width(100);
   $('#<%=GridView1.ClientID %>').find('img[class$="Image1"]').height(100);
put your dialog box open code in mouseover and mouseout event...
Nelek at 28-Aug-14 7:20am
Do you realize that the question is 4+ years old?
Jaimin H. Soni at 28-Aug-14 7:30am
Its 3+ years old...

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 Dnyaneshwar@Pune 692
1 CHill60 248
2 RyanDev 230
3 Sascha Lefèvre 205
4 OriginalGriff 155
0 Sergey Alexandrovich Kryukov 10,372
1 OriginalGriff 8,871
2 Sascha Lefèvre 3,899
3 Maciej Los 3,422
4 Richard Deeming 2,600

Advertise | Privacy | Mobile
Web03 | 2.8.150520.1 | Last Updated 28 Aug 2014
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100