QQ 1640076782

2009年10月10日

一个图片多个连接问题

Filed under: li — lifengwu @ 9:41 上午

今天遇到这样一个问题,要对一个图片添加多个连接,我就选用了焦点图片的链代码如下:
<img src=”images/bot2.jpg” width=”184″ height=”78″ border=”0″ usemap=”#Map” />
<map name=”Map” id=”Map”>
<area shape=”rect” coords=”78,27,132,56″ href=”#” />
<area shape=”rect” coords=”143,34,168,60″ href=”#” />
<area shape=”rect” coords=”40,30,68,52″ href=”#” />
</map>
后来上传上去却发现没有一点反应,最后用ie的一个插件对页面进行了查看,发现,这里的链接会随着滚动条的滚动而上下滚动,位置并不固

定,查了资料发现,在静态页面中这个方法确实是为我们减少了很多工作量,但是到了动态页面中就不行了,我们都知道动态页面的每一个部

分差不多都是调用的,当调用到图片链接这一部分的时候,链接块的位置并不会跟着图片的位置而定位。而是自动在网页中无规则的来加载。
所以我觉得最好不要使用这个方法对图片添加多了链接,这样的不足不仅仅是这一点,还有就是图片的容量会很大,加载速度也会很慢,客户

根本就不愿意去等,我建议如果要对一个图片添加多个链接,就把这个图片切成几块,分别对没一个小的图片添加链接,代码如下:
    <tr>
      <td rowspan=”2″><img src=”images/2.gif” width=”323″ height=”78″ alt=”" /></td>
      <td><a href=”index.php”><img src=”images/2.jpg” alt=”" width=”77″ height=”31″ border=”0″ /></a></td>
      <td><a href=”about.php?id=6&amp;cid=6″><img src=”images/2-03.jpg” alt=”" width=”81″ height=”31″ border=”0″ /></a></td>
      <td><a href=”products.php”><img src=”images/2-04.jpg” alt=”" width=”71″ height=”31″ border=”0″ /></a></td>
      <td><a href=”about.php?id=9&amp;cid=14″><img src=”images/2-05.jpg” alt=”" width=”68″ height=”31″ border=”0″ /></a></td>
      <td><a href=”about.php?id=15&amp;cid=9″><img src=”images/2-06.jpg” alt=”" width=”58″ height=”31″ border=”0″ /></a></td>
      <td><a href=”contact.php”><img src=”images/2-07.jpg” alt=”" width=”80″ height=”31″ border=”0″ /></a></td>
      <td rowspan=”2″><img src=”images/2-08.jpg” width=”247″ height=”78″ alt=”" /></td>
    </tr>
这样不仅不影响加载速度,也不会出现上面的链接没用的问题了。