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/

如果你在谷歌搜索“jquery pan zoom image”或类似的东西，似乎还有很多其他的

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

1 个答案: