show image from database and mouse over big image in grid
demo
in my previous post i shown u how to store 'n display image from database . 2day showing u display that image in a grid as well as on mouse over the same image :)
Here I'm giving only the documentation of how to display image from database on mouse over.i got 3 js file from internet 'n I'm thanks full to them because that a very useful one i every cn. Over that js i can play video,Flash,Gif on mouse over 'n i love it
Notes
u need to call the 3 js file immediately after opening your body tag
<body>
<script type="text/javascript" src="js/wz_tooltip.js"></script>
<script type="text/javascript" src="js/tip_followscroll.js"></script>
<script type="text/javascript" src="js/tip_centerwindow.js"></script>
<script type="text/javascript" src="js/wz_tooltip.js"></script>
<script type="text/javascript" src="js/tip_followscroll.js"></script>
<script type="text/javascript" src="js/tip_centerwindow.js"></script>
'n u need to call this javascript function on the grid on asp:TemplateColumn
<asp:TemplateColumn >
<ItemTemplate>
<a href="#" onmouseover="Tip('<img src="<%# "Handler.ashx?id=" + Eval("empid") %>" />')" onmouseout="UnTip()"> <asp:Image ID="Image1" Width="150px" Height="100px" runat="server" ImageUrl ='<%# "Handler.ashx?id=" + Eval("empid") %>' /></a>
</ItemTemplate>
</asp:TemplateColumn>
<ItemTemplate>
<a href="#" onmouseover="Tip('<img src="<%# "Handler.ashx?id=" + Eval("empid") %>" />')" onmouseout="UnTip()"> <asp:Image ID="Image1" Width="150px" Height="100px" runat="server" ImageUrl ='<%# "Handler.ashx?id=" + Eval("empid") %>' /></a>
</ItemTemplate>
</asp:TemplateColumn>
Notes
Never call alt function on img control,
JavaScript is key sensitive.
'n go through my sample u will get the js file 'n necessary help from their
u can download the sample from here 'n i hope it help u
Have a nice day... 'N happy Coding :)
2 comments:
Can U give me data base ? data base in file Rar is not table !
10x Kim Long for pointing my fault. u can download database from here i had updated.
http://www.4shared.com/file/hz4M7xc5/Display_Image_from_databaseDat.html
Post a Comment