jquery - 如何制作具有可点击细节等的图像

Question

我想在网上放一张包含房子等细节的图片，它应该可以点击图片中的它们，也可以左右移动并放大图片。

是否有任何可能使用 jquery 或 php 的好的代码演示，任何人都可以推荐我访问并查看？

Answer 1

听起来你在寻找图像地图，也许吧？ http://www.w3schools.com/tags/tag_map.asp

<img src="neighborhood.jpg" width="145" height="126" alt="Neighborhood" usemap="#neighborhoodmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="house1.html" alt="House1">
  <area shape="circle" coords="90,58,3" href="house2.html" alt="Round House1">
  <area shape="circle" coords="124,58,8" href="house3.html" alt="Round House2">
</map> 

更新——
这也是我发现的一个用于平移和缩放图像的 jquery 插件。不确定它是否会破坏图像映射：http: //andrew.hedges.name/experiments/pan-zoom/

如果您在 Google 上搜索“jquery pan zoom image”或类似内容，它们似乎更多