Всем привет, мне нужно реализовать ресайз картинки, делаю я это с помощью полоски jquery ui (slider), все получается, но вот как мне сохранять сохранять пропорции позиционирования (хз как это правильно сказать), то есть нужно, чтобы увеличивалось\уменьшалось всегда центральная область изображения.
var left = 1;
var top = 1;
$("#slider").slider({
value:50,
min: 10,
max: 300,
step: 1,
slide: function( event, ui ) {
var percent = ui.value * 100 / 50;
zleft = left / 100 * percent;
ztop = top / 100 * percent;
$('#img').width(zw).height(zh);
map.css({'left': zleft+'px', 'top': ztop+'px'});
}
});
Вот такой подход работать не будет нормально.. ведь увеличение на 200% для 1 и для 500 будет совершенно разное (ну у меня там еще возможность скроллинга (draggable) есть).
п.с. тут не простое выравнивание увеличенной картинки по центру, я делаю чтото вроде
такой штуки, то есть может быть я с помощью draggable сместился в нижний правый угол и вот при увеличении я должен увеличивать центр этого угла, у меня же получается смещение хз куда.
Подскажите пожалуйста, за ранее спасибо.
