как сделать img zoom

[cyber]

cyber,
между старыми координатами мыши от угла overlow и приращением ширины и высоты (*или уменьшением - тогда получецо авто плюс)

а что имеется в виду под старым координатами?

[Deff]

cyber,
Мну тут прикинул - шо про координаты курсора - не АЙС - ща схему набросаю

[Deff]

Нам нужно фиксировать положение центральной точки (желтое O) относительно центра Окна ( хотя в Гугле - обычно фиксируется положение Пойнтера*выделенной метки, если он есть в текущем окне)



Занчит вычисляешь отступы текущего центра и при зумме увеличиваешь на половину приращения ширины lеft(или высоты для top)

Вычисляем приращение:

widthOld = $("#wrapper").width() /это текущая ширина
widthNew = $("#wrapper").width()*zoom /это будущая

DeltaX(Приращение по Left) = (widthOld - widthNew)/2 (знак будет автоматический

Итог вставляем в wrapper{"margin-left":""+DeltaX +"px" }

[cyber]

хм...
спасибо за подсказку, но у тебя не правильно, потому что ты опеределяеш центр относительно wrapper а в моем случае мне нужно центр относительно внешнего блока overflow.
пытался сделать так но что то все едит в верх

function fixedZoom () {

var zoomY = getHeight / (getHeight - step.height);
var zoomX = getWidth / (getWidth - step.width); 	

	var left = style().left*zoomX;
	var top = style().top*zoomY;
	
	 wrapper.css({
		 top: -top  + 'px',
		 left: -left+'px'
		 		
		 })
	
	}

[Deff]

cyber,
Центр должен быть относительно визуального Окна просмотра - а центр wrapper может быть вообще за кадром (при большой ширине и просмотре картинки у левого края (или, наоборот - у края правого)

[cyber]

cyber,
Центр должен быть относительно визуального Окна просмотра - а центр wrapper может быть вообще за кадром (при большой ширине и просмотре картинки у левого края (или, наоборот - у края правого)

да, но у тебя получается что расчищается центр wrapper

[cyber]

вот как работает http://cyberua.16mb.com/files/zoom.html
вот функция

function fixedZoom () {

var zoomY = getHeight /(getHeight - step.height);
var zoomX = getWidth / (getWidth - step.width); 	

	var left = ((getWidth - step.width) - (getWidth * zoomX))/2;
	var top = ((getHeight - step.height) - (getHeight * zoomY))/2;
	
	 wrapper.css({
		 top: top  + 'px',
		 left: left+'px'
		 		
		 })
	
	}

[cyber]

может я зум не правильно рассчитываю?!

[Deff]

cyber,
По моему - так
var left = ((getWidth + step.width) - (getWidth * zoomX))/2;
var top = ((getHeight + step.height) - (getHeight * zoomY))/2;

И всё таки тут не left - a margin - left - Движение от зума - лучше делать независимым (для начала

[cyber]

cyber,
По моему - так
var left = ((getWidth + step.width) - (getWidth * zoomX))/2;
var top = ((getHeight + step.height) - (getHeight * zoomY))/2;

почему так?
если getWidth/Height это размеры после увелечения, значит getHeight - step.height это уже старый размер.

И всё таки тут не left - a margin - left - Движение от зума - лучше делать независимым (для начала

а как тогда его перемещать если оно будет смещено?