jquery image zoom

Question

Привет, я использую скрипт для увеличения изображения при наведении, однако он увеличивается с верхнего левого угла, и мне нужно, чтобы он зависал из центра, и я не могу понять, как добавить css в jquery, чтобы добавьте отрицательный запас, чтобы он поступил так, как я хочу, вот сценарий.

$('#sun').width(); 
$('#sun').mouseover(function(){ 
    $(this).css("cursor","pointer"); 
    $(this).animate({width: "7%"}, 'slow'); 
}); 
$('#sun').mouseout(function(){ 
    $(this).animate({width: "6%"}, 'slow'); 
}); 

я просто хочу «запас ж у х г» в CSS, но не могу получить его:/любой может помочь? Спасибо :)

Answer 1

Если изображения абсолютно позиционированы, вы можете сделать это http://jsfiddle.net/8wGtp/.

$('#resize').on({ 
    mouseenter: function(){ 
     $(this).animate({width: '130px', height: '130px', top: '-=15px', left: '-=15px'}, 500); 
    }, 
    mouseleave: function(){ 
     $(this).animate({width: '100px', height: '100px', top: '+=15px', left: '+=15px'}, 500); 
    } 
});