如何在所有內容頁面上顯示圖像ASP.Net MVC

Question

如果我保留在默認頁面上，則將其放在應用程序的MasterPage中，然后顯示圖像，但是當我進入另一個頁面時，圖像不顯示。 您能幫我為什么這在另一頁上不起作用嗎？

<ul  id="scroller">
   <div class="serv"> <a href="#"  onmouseover="document.wordpress.src='images/wordpress-development_red.png'" onmouseout="document.wordpress.src='images/wordpress-development.png'"> <img src="images/wordpress-development.png" name="wordpress"><br />
       WORDPRESS </a>
  </div>

  <div class="serv1"> <a href="#"  onmouseover="document.Android.src='images/mobil-app-development_red.png'" onmouseout="document.Android.src='images/mobil-app-development.png'"> <img src="images/mobil-app-development.png" name="Android"/><br />
      Android</a>
 </div>
</ul>

Answer 1

我懷疑您圖片的網址有誤。 由於您已經對其進行了硬編碼，因此這並不奇怪。 絕對不要在ASP.NET MVC應用程序中對URL進行硬編碼。 您應該始終使用url輔助程序：

<a href="#" onmouseover="document.wordpress.src='@Url.Content("~/images/wordpress-development_red.png")'" onmouseout="document.wordpress.src='@Url.Content("~/images/wordpress-development.png")'">
    <img src="@Url.Content("~/images/wordpress-development.png")" name="wordpress">
    <br />
    WORDPRESS 
</a>

並且如果您使用的是WebForms視圖引擎（請適當標記您的問題，這樣我們就不必猜測了）：

<a href="#" onmouseover="document.wordpress.src='<%= Url.Content("~/images/wordpress-development_red.png") %>'" onmouseout="document.wordpress.src='<%= Url.Content("~/images/wordpress-development.png") %>'">
    <img src="<%= Url.Content("~/images/wordpress-development.png") %>" name="wordpress">
    <br />
    WORDPRESS 
</a>