使用datalist进行图像显示

Question

以下是我使用datalist使用图像滑块显示图像的代码，但我不知道如何在此处滑动图片时显示大图像：

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