Image display using datalist
<p>Here is my code which I used image slider display image using <code>datalist</code> but I don't have any idea how can I display big image when image slide here is my code:</p>

<pre><code>  &lt;div id="photos" class="galleryview"&gt;
  &lt;img src="images/home_gallery/banner1.jpg" /&gt;
  &lt;div style="margin: 30px 0px 0px 0px"&gt;
    &lt;asp:DataList RepeatDirection="Horizontal" ID="dl_Images" runat="server" OnItemDataBound="dl_Images_ItemDataBound"
      OnItemCommand="dl_Images_ItemCommand"&gt;
      &lt;ItemTemplate&gt;
        &lt;ul class="filmstrip"&gt;
          &lt;div class="panel"&gt;
            &lt;a href="" id="img_href" runat="server"&gt;
              &lt;div class="panel-overlay" align="left"&gt;
                &lt;li&gt;
                  &lt;asp:Image BorderColor="#ececec" BorderStyle="Solid" BorderWidth="1" runat="server"
                    ID="i_ProductImage" Width="104" Height="104" /&gt;
                &lt;/li&gt;
            &lt;/a&gt;
            &lt;/div&gt;
            &lt;div align="center" style="margin: 0px 0px 0px 0px"&gt;
              &lt;asp:LinkButton ToolTip='&lt;%# Eval("ProductID") %&gt;' CommandArgument='&lt;%# Eval("ProductID") %&gt;'
                CommandName="lbclick" ID="lb_productID" runat="server" Text='&lt;%# Eval("ProductID") %&gt;'
                CssClass="bule-link"&gt;&lt;/asp:LinkButton&gt;
            &lt;/div&gt;
            &lt;%--&lt;asp:Label ID="l_ProductId" runat="server" Text='&lt;%#Eval("ProductId") %&gt;'&gt;&lt;/asp:Label&gt;--%&gt;
          &lt;/div&gt;
        &lt;/ul&gt;
      &lt;/ItemTemplate&gt;
    &lt;/asp:DataList&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>
