如何在中继器的幻灯片中,选择并单击当前图像项

本文关键字:单击 图像 选择 中继器 幻灯片 | 更新日期: 2023-09-27 18:16:06

请,我的资深代码专家,我有一个重复器,随机显示图像和文本标签从一个文件夹使用jquery。我希望能够选择并单击当前的图像,使其重定向到另一个页面,其中的图像细节可以显示。我将感谢您的帮助和贡献!

            <div id="banner-fade">
            <!-- start Basic Jquery Slider -->
            <ul class="bjqs">
                <asp:Repeater ID="Repeater1" runat="server">
                    <ItemTemplate>
                        <li>
                            <img src='<%# DataBinder.Eval(Container.DataItem,"Value") %>' title='<%# (DataBinder.Eval(Container.DataItem,"Text").ToString()).Split('.')[0].ToString() %>' alt=""></li>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
            <!-- end Basic jQuery Slider -->
        </div>

下面是…的代码

    protected void Page_Load(object sender, EventArgs e)
{
    FillPage();
    {
        string[] filePaths = Directory.GetFiles(Server.MapPath("~/pages/Management/Images/Products/"));
        List<ListItem> files = new List<ListItem>();
        foreach (string filePath in filePaths)
        {
            string fileName = Path.GetFileName(filePath);
            files.Add(new ListItem(fileName, "/pages/Management/Images/Products/" + fileName));

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

如何在中继器的幻灯片中,选择并单击当前图像项

用链接包围<img>

<a href="www.linkToPageHere.com">
<img src='<%# DataBinder.Eval(Container.DataItem,"Value") %>' title='<%# (DataBinder.Eval(Container.DataItem,"Text").ToString()).Split('.')[0].ToString() %>' alt="">
</a>