使用Jquery缩放图像地图

使用Jquery缩放图像地图,jquery,html,mobile,scale,imagemap,Jquery,Html,Mobile,Scale,Imagemap,所以我有这个问题。我是编程新手,记住这一点 我尝试做的是:使用JQUERY在图像映射中缩放一些值 我的想法是:图像被包裹在一个足够宽的地方。这意味着这是100%。因此,如果我取那个数字,然后取查看器使用的宽度,我可以乘以坐标上的值,使其始终在轨道上 一些注释 (#mapa是我使用的imagemap,#content是我用作div将所有内容放在一起的通用容器。515是图像自然宽度的值。) 我所做的,但它不起作用: var width = $('#content').width(); var exp

所以我有这个问题。我是编程新手,记住这一点

我尝试做的是:使用JQUERY在图像映射中缩放一些值

我的想法是:图像被包裹在一个足够宽的地方。这意味着这是100%。因此,如果我取那个数字,然后取查看器使用的宽度,我可以乘以坐标上的值,使其始终在轨道上

一些注释 (#mapa是我使用的imagemap,#content是我用作div将所有内容放在一起的通用容器。515是图像自然宽度的值。) 我所做的,但它不起作用:

var width = $('#content').width();
var exp = width * 515;
var mul = exp / 100; //I would do all in one line, but I'm always afraid I mess up.

$("area").each(function() {
var pairs = $(this).attr("coords").split(', ');
for (var i=0; i < pairs.length; i++) {
    pairs[i] = pairs[i] * mul;
    }
$(this).html('coords', pairs.join);
});
var width=$('#content').width();
var exp=宽度*515;
var mul=exp/100//我会把所有的事情都写在一行里,但我总是担心自己搞砸了。
$(“面积”)。每个(函数(){
var pairs=$(this.attr(“coords”).split(',');
对于(变量i=0;i
那么…有什么建议/建议/插件吗? 提前谢谢

$(this).html('coords', pairs.join);
$(this).html('coords', pairs.join);
应该是

$(this).attr('coords', pairs.join(','));
$(this).attr('coords', pairs.join(','))

您可能有一个问题:

var pairs = $(this).attr("coords").split(', ');
应该是

在这种情况下,逗号后应该有一个没有空格的区域定义

然后是另一个更严重的问题:

应该是

$(this).attr('coords', pairs.join(','));
$(this).attr('coords', pairs.join(','))

我刚刚用你的代码实现了一个“scaleAreas”函数,它工作得很好,你的初始工作节省了我的时间。

要创建一个缩放因子,请乘以所需的(结束)宽度,除以原始(开始)宽度。三条规则:如果515是当前图像的100%,则当前宽度是。。。当前宽度x 100%所有宽度除以原始宽度。到目前为止这还不错,但代码仍然不起作用。coords一点也没变。