Image Zoom Tour with jQuery. 10+ promising jQuery Lightbox-Clones Plugin 1. jQuery FancyZoom Orderlist develop a lighbox clone powered by jQuery.
More details can be read here. How to use JQueryLightBox in ASP.NET. This sample is going to examine how to use JQueryLightBox in a database application. jQuery lightBox plugin is simple, elegant and unobtrusive; there no need for extra markup and it is used to overlay images on the current page through the power and flexibility of jQuery's selector.
There are two javascript script files <body> <form id="form1" runat="server"> <div id="gallery"> <asp:DataList ID="FeaturedList" runat="server" RepeatLayout="Table" Width="100%" RepeatColumns="5"> <ItemTemplate> <div> <ul> <li> <a href='<%#getHREF(Container.DataItem)%>' title='<%# DataBinder.Eva(Container.DataItem, "Rep_FirstName")%>'> <img src='<%# getSR(Container.DataItem) %>' align="top" title='<%# DataBinder.Eval(Container.DataItem, "Rep_FirstName")%>' height="100" width="100"> </a> </li> </ul> </div> </ItemTemplate> </asp:DataList> </div> </form></body> </html> Code Behind : protected void Page_Load(object sender, EventArgs e) { if (!
IsPostBack) { GetImagesFromDatabase(); } }