【问题标题】:Open clicked image inside image control (asp.net/c#)在图像控件中打开单击的图像 (asp.net/c#)
【发布时间】:2012-03-12 01:08:40
【问题描述】:

在我的应用程序中,我在超链接控件中生成了一些图像,这些图像以全尺寸打开。我在页面顶部有一个图像控件,我希望在其中显示单击的图像,但是使用我的代码不起作用。

点击的图片是在新页面上打开的,我想知道的是如何让图片出现在图片控件中?

<asp:Image ID="fullSizeImage" runat="server" />

<asp:HyperLink ID="link" runat="server" NavigateUrl='<%# Eval("Name", "...directory...") %>' >
    <asp:Image ID="Image" runat="server" ImageUrl='<%# Eval("Name", "...directory...") %>' CssClass="thumb" />
</asp:HyperLink>

提前致谢。

【问题讨论】:

    标签: c# asp.net image hyperlink


    【解决方案1】:

    你可以这样做:

    <script runat="server">
        protected void thumbImage_Click(object sender, ImageClickEventArgs e)
        {
            fullSizeImage.ImageUrl = "full size image path goes here";
        }
    </script>
    
    <asp:Image ID="fullSizeImage" runat="server" />
    <asp:ImageButton ID="thumbImage" runat="server" ImageUrl="image path goes here" onclick="thumbImage_Click" />
    

    【讨论】:

    • 感谢您的回答。关于点击事件,如何从点击的图片中“提取”ImageUrl并将其传递给事件?
    • 如果您想使用与缩略图中使用的相同的图像,那么您可以执行以下操作: fullSizeImage.ImageUrl = thumbImage.ImageUrl;在 thumbImage_Click 处理程序上。但是,出于性能原因,您应该拥有一个真实的缩略图图像和完整大小的图像,而不是缩小整个图像并将其用于缩略图。
    • 它没有出现在我的问题中,但缩略图的 imageUrl 进入缩略图目录(即“真实”缩略图)。全尺寸图像和缩略图之间目录的唯一区别是“/thumbnails/”。我是否需要拆分地址才能删除“/thumbnails/”,或者您知道是否有更简单的方法?再次感谢。
    • url是一个字符串,可以用.Replace("thumbnails", "real");
    • 好的,太好了。最后一件事。由于某种奇怪的原因,我无法在“上下文中不存在......”的事件中访问 ImageButton 的 ID。我在 ItemTemplate 中有 ImageButton,这可能是原因吗?
    【解决方案2】:

    img 标签放入anchor 标签并给出

    src='&lt;%#Eval("put image address from table column")%&gt;'

    并将相同的值放入链接中

    href='&lt;%#Eval("put image address from table column")%&gt;'

    【讨论】:

      猜你喜欢
      • 2018-12-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-25
      • 1970-01-01
      • 2020-11-13
      • 1970-01-01
      相关资源
      最近更新 更多