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

[Deff]

cyber,
Ксать я не вижу чобы у тебя серьезно менялся Left - при кручении - колеса походу что то его перебивает

[cyber]

хм...
щас по ишу.
а почему гугл юзает

-webkit-transform: translate(-552px, -64px) scale(1);

а не top/left || margin ?

[Deff]

cyber,
Потому шо удобно разделять

Я ж говорил про маргин и Lеft

Он наверняка left делает по сдвигу карты а по зумм - это
Наверно есть еще и третий вариант сдвига

[cyber]

у гугла при зуме загружается новая картинка.так что у них меняется только
-webkit-transform: translate()

[cyber]

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

[Deff]

cyber,
Еще раз
1. зум - отношение текущей ширины - к изначальной (константе)
2. Выведи алертом (getWidth * zoomX))/2;
Delta X = ($("#wrapper").width() - $("#wrapper").width()*zoom)/2

Эту Дельту(c её знаком) нун добавлять к текущему значению Left

[vadim5june]

у гугла при зуме загружается новая картинка.так что у них меняется только
-webkit-transform: translate()

значит у них на сервере все делается

[cyber]

значит у них на сервере все делается

что делается на сервере, хоть поняли что сказали?

[cyber]

cyber,
Еще раз
1. зум - отношение текущей ширины - к изначальной (константе)
2. Выведи алертом (getWidth * zoomX))/2;
Delta X = ($("#wrapper").width() - $("#wrapper").width()*zoom)/2

Эту Дельту(c её знаком) нун добавлять к текущему значению Left

зделал так

function fixedZoom () {

var zoomY = getHeight / height;
var zoomX = getWidth / width; 	

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

вот результат
http://cyberua.16mb.com/files/zoom.html
теперь сильно уежает

2. Выведи алертом (getWidth * zoomX))/2;

вывел в консоль

[cyber]

1. зум - отношение текущей ширины - к изначальной (константе)

а почему к изначальной?
если расчитуем относительно предыдущей?
значит и зум нужно относительно предыдущей ширины