Javascript fancybox href="；imageURL"；在datalist1中使用填充的image1

我的图库中有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;

<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>

现在问题是,， 我没有设置代码隐藏的ImageUrl 所以我使用Eval设置imageUrl，如下所示

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

请注意

href=''

的意思是说imageurl的值在我看来应该是href的值 但这并不是因为每次我点击图像时，我的fancybox都不工作 以下是单击图像后发生的情况

请帮帮我

---

非常感谢

只需将HTML

a

标记更改为

asp:HyperLink

，它属于

System.Web.UI.WebControls

<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控件

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

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