Увеличение изображения до положения указателя мыши над

Question

Мне нужно увеличить изображение (изображение карты) при перемещении (перетаскивании) указателя над ним. Я добавил коды в jsfiddle ниже, нажмите на поиск и перетащите этот флаг. Итак, перетаскивая этот флаг и перемещая его по карте, я хочу, чтобы карта была увеличена до этого места.

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

изображение карты находится в

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

Редактирование jsfiddle для решения будет очень полезно. Заранее спасибо

Answer 1

Вы можете использовать stop -callback из draggable и увеличить в вашем #xyz -image тогда:

Что-то вроде этого (это не идеальный, но вы можете играть немного с ним вокруг):

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