fancybox href ="imageURL" 在 datalist1 中使用填充的 image1答案

【问题标题】：fancybox href ="imageURL" using populated image1 in datalist1fancybox href ="imageURL" 在 datalist1 中使用填充的 image1
【发布时间】：2015-06-16 13:30:22
【问题描述】：

我的画廊中有fancybox，它使用datalist1 填充在我的网页中。当我像这样设置 imageUrl 和 href 值时，我的 fancybox 图像查看器正在工作

<a class="fancybox" rel="group" href="~/Image/Slides/Image1.jpg">
    <asp:Image ID="Image1" ImageUrl="~/Image/Slides/Image1.jpg" runat="server" Width="50%"/></a>
                &nbsp;&nbsp;

现在的问题是，我没有设置我的代码后面的 ImageUrl 所以我使用 Eval 设置 imageUrl，就像这样

<asp:Image ID="Image1" ImageUrl='<%# Eval("Value") %>' runat="server" Width="50%"/>

这是我用于填充的 C# 代码

protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            string[] filePaths = Directory.GetFiles(Server.MapPath("~/Image/Slides/"));
            List<ListItem> files = new List<ListItem>();
            foreach (string filePath in filePaths)
            {
                string fileName = Path.GetFileName(filePath);
                files.Add(new ListItem(fileName, "~/Image/Slides/" + fileName));

            }
            DataList1.DataSource = files;
            DataList1.DataBind();
        }
    }

    protected void Upload(object sender, EventArgs e)
    {
        if (FileUpload1.HasFile)
        {
            string fileName = Path.GetFileName(FileUpload1.PostedFile.FileName);
            FileUpload1.PostedFile.SaveAs(Server.MapPath("~/Image/Slides/") + fileName);
            Response.Redirect(Request.Url.AbsoluteUri);
        }
    }

为了能够使用fancybox，我必须设置href的值，所以我试着这样设置它

<asp:DataList ID="DataList1" runat="server" RepeatColumns = "4" CellPadding = "4" 
        Width="535px">
<ItemTemplate>
    <table border="0" cellpadding="0" cellspacing="0" width = "120px">
        <tr>
            <td align = "center">
            <a class="fancybox" rel="group" href='<%# Eval("Value") %>'>
    <asp:Image ID="Image1" ImageUrl='<%# Eval("Value") %>' runat="server" Width="50%" class="fancybox"/></a>
                &nbsp;&nbsp;

            </td>
        </tr>
        <tr>
            <td align = "center">
                <%# Eval("Text") %>


            </td>
        </tr>
    </table>
</ItemTemplate>

注意href='<%# Eval("Value") %>' 所以意思是说 imageurl 的值在我看来应该是 href 的值但这不是因为每次我单击图像时，我的幻想框都无法正常工作这是单击图像后发生的事情

请帮帮我非常感谢

【问题讨论】：

标签： javascript c# jquery html asp.net

【解决方案1】：

只需将 HTML 中的a 标签更改为属于System.Web.UI.WebControls 的asp:HyperLink，如下所示。

<asp:HyperLink runat="server" CssClass="fancybox" rel="group" NavigateUrl='<%# Eval("Value") %>'>
    <asp:Image ID="Image1" runat="server" 
        ImageUrl='<%# Eval("Value") %>' 
        Width="50%" />
</asp:HyperLink>

原因：HTML 控件无法解析“~/”

【讨论】：

哇，非常感谢您的回复并提供了非常有用的信息 ^_^ 我非常感谢您的努力，naveen 先生 ^_^