图像缩放到鼠标悬停时的指针位置

时间:2013-03-06 10:42:03

标签: javascript jquery html css

我需要在移动(可拖动)指针上方缩放图像(地图图像)。 我在下面的jsfiddle中添加了代码,单击搜索并拖动该标志。 因此,在拖动该标志并将其移动到地图上时,我希望将地图缩放到该位置。

http://jsfiddle.net/vigneshvdm/WZEna/2/

地图图片位于

<div id="map"></div>

编辑解决方案的jsfiddle将非常有帮助。 提前致谢

1 个答案:

答案 0 :(得分:1)

您可以使用stop - 来自draggable的回调,然后放大#xyz - 图片:

这样的事情(这不完美,但你可以玩一下):

$("#pointer").draggable({
    stop: function() {
        $("#xyz").css({
            transform: "scale(2)"
        });
    }
});