无法从目录中的母版页加载图像

Question

I will make a website whit ASP.NET using C# on the background. I have make my master page with the following image:

<img src="afbeeldingen/berichten.png" alt="new messages" />

Because I have a lot of pages in my site, I have make directories in my solution. My problem is now when I go to a page, it will not load the image. He can't find it. I can edit it to ../images/message.png , but then can't he find it on the other pages outside the directory.

This problem don't happens with the link -tag for load my css.

Important: all the images are in the master page (yellow on image below). The "child"-page that I will show is in a directory ( localhost:11794/wachtwoord/verloren.aspx (in english password/lost) see blue on image below).

Can anyone help me? Thanks.

Answer 1

只需添加runat="server"和元素的ID，即可使用~引用解决方案的根

<img src="~/images/message.png" alt="new messages" runat="server" ID="myImg"/>

Answer 2

@Brendan Hannemann show me a link that where is expaint. The code i must use is:

<img src="<%=ResolveUrl("~/afbeeldingen/berichten.png") %>" alt="nieuwe berichten" id="berichten" />