【问题标题】:javascript alternative to use map and areas to map an imagejavascript 替代使用地图和区域来映射图像
【发布时间】:2011-12-27 18:25:02
【问题描述】:

我知道有两个与之相关的问题,但仍然没有有效的答案。 问题是:我想要一个带有可点击区域的图像,第一个解决方案是地图/区域,但如果你想要很多区域,那么 html 就太多了。

当我在谷歌搜索“hoteles en cancun”时:

http://www.google.com.mx/search?sourceid=chrome&ie=UTF-8&q=hoteles+en+cancun#sclient=psy-ab&hl=es&source=hp&q=hoteles+en+cancun&pbx=1&oq=hoteles+en+cancun&aq=f&aqi=&aql=&gs_sm=s&gs_upl=0l0l0l57647343l0l0l0l0l0l0l0l0ll0l0&bav=on.2,or.r_gc.r_pw.r_cp.,cf.osb&fp=f90396ce82f1d2e9&biw=1920&bih=674

他们绘制了一个带有可点击区域的小地图,但没有 usemap 属性,也没有地图/区域标签,那么,他们是如何做到的呢?我在响应中找到了一个 js,其中所有形状都是 json 格式,但除了地图/区域之外,我找不到将它们与图像相关联的方法。

我问这个是因为我不想添加数百个区域标签,而且因为这种技术有点老了,我很感激推荐或更好的方法来完成这项任务

【问题讨论】:

    标签: javascript image imagemap


    【解决方案1】:

    最好的方法是 CSS sprites。 use 可以使用任意数量的图像,然后利用背景位置将它们放在适当的位置。您甚至可以使用background-size,但仅限于支持 HTML5 的浏览器!!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-07-08
      • 2012-08-14
      • 2015-03-15
      • 1970-01-01
      • 2020-07-31
      • 1970-01-01
      • 2018-04-25
      • 1970-01-01
      相关资源
      最近更新 更多