2011-04-30 44 views
0

我在photoshop中構建了一個標題並將其導入到visual basic 2010.我希望標題更具動態性,所以當我按圖像的一部分(例如說聯繫人)時,它會將我轉到另一個頁面。製作圖片響應

我知道在CSS中有一個函數可以做到這一點,它被稱爲映射。 Dreamweaver有一個簡單的方法來做到這一點。但是有可能在圖像上繪製一個區域,這會使圖像響應(就像他點擊了一個按鈕一樣)?

回答

1

區域映射鏈接導致可怕和不必要的標記。只要把一個錨鏈接在你的整個頭形象,像這樣:

<a href="~/default.aspx" title="Home" runat="server"> 
    <img src="~/images/header.jpg" alt=Home" style="border:none;" 
     runat="server" /> 
</a> 

如果你想要去與影像地圖(不是一個好的設計),檢查這些鏈接:

http://www.w3schools.com/TAGS/tag_map.asp

http://www.image-maps.com/

+0

,所以我可以使用錨定鏈接,圍繞圖像的部分或者是不可能的? – 2011-04-30 15:33:46

+0

不,這是不可能的。如果你想鏈接圖像的一部分,那麼你已經映射座標 - 我建議不要這種設計,但會更新我的答案,如果你選擇去那條路線:-) – IrishChieftain 2011-04-30 15:37:14

+0

我想我會做什麼,我會切片在Photoshop中的圖像,以便我有一些圖像..然後點擊一個圖像會將用戶轉移到不同的頁面 – 2011-04-30 15:54:26

2

ASP.net提供了3種給圖像映射的方法,這些方法被稱爲圖像映射控制的'熱點'屬性。圓形和矩形熱點很容易理解。這裏是一個例子..

<asp:ImageMap ID="ImageMap1" runat="server"> 
      <asp:CircleHotSpot NavigateUrl="nextPage.aspx" /> 
      <asp:RectangleHotSpot Bottom="50" Left="50" NavigateUrl="contactpage.aspx" 
       Right="10" Top="10" /> 
     </asp:ImageMap> 

樣本圖像示出這裏

ASP設置截圖