2011-12-23 143 views
1

我正在使用lightbox在同一頁上放大顯示圖像。我已經在數據列表視圖中定義了一個href標籤以獲取圖像鏈接,並且當用戶點擊時會放大縮略圖。誰能告訴我如何給href值? 我的代碼在這裏。如何在數據列表視圖中提供href值?

<asp:DataList ID="DataList1" runat="server" DataKeyField="ImageID" 
        DataSourceID="SqlDataSource1" RepeatColumns="3"> 
        <ItemTemplate> 
         <asp:Image ID="Image1" runat="server" 
          ImageUrl='<%# Eval("ImageURL","~/Images/{0}") %>' BorderColor="#009900" 
          BorderStyle="Groove" BorderWidth="5px" Height="300px" Width="300px" /> 
         <a href='<%# Eval("ImageURL","~/Images/{0}") %>' rel="lightbox" title='<%# Eval("ImageURL","~/Images/{0}") %>'><asp:DataList ID="DataList1" runat="server" DataKeyField="ImageID" 
        DataSourceID="SqlDataSource1" RepeatColumns="3"> 
        <ItemTemplate> 
         <asp:Image ID="Image1" runat="server" 
          ImageUrl='<%# Eval("ImageURL","~/Images/{0}") %>' BorderColor="#009900" 
          BorderStyle="Groove" BorderWidth="5px" Height="300px" Width="300px" /> 
         <a href='<%# Eval("ImageURL","~/Images/{0}") %>' rel="lightbox" title='<%# Eval("ImageURL","~/Images/{0}") %>'><img src='<%# Eval("ImageURL","~/Images/{0}") %>' />"</a> 
         <br /> 
         ImageID: 
         <asp:Label ID="ImageIDLabel" runat="server" Text='<%# Eval("ImageID") %>' /> 
         <br /> 
         UploadedBy: 
         <asp:Label ID="UploadedByLabel" runat="server" Text='<%# Eval("UploadedBy") %>' /> 
         <br /> 
         <br /> 
        </ItemTemplate> 
       </asp:DataList></a> 
         <br /> 
         ImageID: 
         <asp:Label ID="ImageIDLabel" runat="server" Text='<%# Eval("ImageID") %>' /> 
         <br /> 
         UploadedBy: 
         <asp:Label ID="UploadedByLabel" runat="server" Text='<%# Eval("UploadedBy") %>' /> 
         <br /> 
         <br /> 
        </ItemTemplate> 
       </asp:DataList> 

高級謝謝!

+0

你的代碼中包含重複的代碼。您還應該在圖像周圍設置鏈接,而不是空的a-tag – NoLifeKing 2011-12-23 10:09:29

+0

,僅用於測試使用的a-tag。 – Rembo 2011-12-23 10:18:55

回答

0

一個以「〜」開頭的路徑來解決我很肯定你已經將runat =「server」添加到控件中,以便它通過.NET作爲.NET控件進行處理。否則,HREF路徑就只能 「〜/圖片/ {0}」,這是在HTML意義..所以

<a href='<%# Eval("ImageURL","~/Images/{0}") %>' rel="lightbox" title='<%# Eval("ImageURL","~/Images/{0}") %>'> 

成爲

<a href='<%# Eval("ImageURL","~/Images/{0}") %>' rel="lightbox" title='<%# Eval("ImageURL","~/Images/{0}") %>' runat="server"> 

這將使您的href路徑的決心正確

同樣與圖像

<img src='<%# Eval("ImageURL","~/Images/{0}") %>' runat="server" /> 
+0

非常感謝PureWeen。我知道了.. – Rembo 2011-12-23 11:17:23

相關問題