2011-12-23 144 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

相关问题