"If at first you don't succeed; call it version 1.0" :-Unknown

Pages

Friday, August 5, 2011

Zoom Effect on Grid Using Jquery and Css in asp.net

Hi *.*,
Recently i visited http://www.sohtanaka.com. I found this zoom effect. I get all the details from their and integrate in asp.net

On HTML



<div class="container">

<ul class="thumb">
<asp:DataList ID="dtagrid" runat="server" RepeatColumns="5"
 RepeatDirection="Horizontal">
<ItemTemplate>
<li><a href="#">
<img src='img/<%#Eval("ImageName")%>' alt="" /></a> </li>
</ItemTemplate>
</asp:DataList>
</ul></div>


and on code side just a normal binding. 


Download sample from here

Reference: http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/

Stay Tune...


Have a nice day... 


'n happy Coding :)

No comments: