Question

我使用以下代码在页面顶部显示图像。对于condition1

div1.Visible = true;
div2.Visible = false;

对于condition2，

div1.Visible = false;
div2.Visible = true;

并且aspx页面中的代码是这样的。

<div id="div1" runat="server" style="padding-left: 110px;">
  <img src="~/images/Package-Summary.gif" alt="Package Summary" />          
</div>

<div id="div2" runat="server" style="padding-left: 110px;">
  <img src="~/images/Process-Billing.gif" alt="Process Billing" />          
</div>

这里没有向我显示图像，而是显示该部分的错误框!!可能是什么原因!!!

Answer 1

我认为你需要一个相对路径的图像：

<img src="../images/Process-Billing.gif" alt="Process Billing" />

Answer 2

您的图片使用服务器端路径，但它们不是服务器端控件。它们周围的div是服务器端控件，不会影响图像。将图像控件转换为服务器端或将路径转换为客户端可以请求的内容（理想情况下为相对路径）。

Answer 3

实际上，当您在客户端使用服务器路径时，您的图像没有选择正确的路径。如果要使用根相对路径，则应使用服务器端Image控件来分配路径。

您可以使用图像服务器控件，只能更改其源，但我不知道您到底想要什么。但是在客户端上，您使用相对路径而不是根相对路径。对于根相对路径，您必须使用服务器映像控制。

参见文章

ASP.NET Web Project Paths

所以它应该是

<div id="div1" runat="server" style="padding-left: 110px;">
  <img src="../images/Package-Summary.gif" alt="Package Summary" />          
</div>

<div id="div2" runat="server" style="padding-left: 110px;">
  <img src="../images/Process-Billing.gif" alt="Process Billing" />          
</div>

或者您的图像目录在哪里，只需在路径之前添加另一个“../”返回图像目录即可返回到您的图像目录。

图像显示基于Vs 2005 asp.Net中的条件

3 个答案: