2011-04-30 50 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设置截图