Итак, я вижу, что происходит. У меня есть изображение, оно масштабируется от центра, а затем оно подрывается исходным позиционированием, заданным им css.Использование эффекта. («Шкала»): сохранение изображения на месте и не перемещение
То, что я думал, что могу сделать, - это масштабировать его, а затем поместить его соответствующим образом через .css, чтобы избежать рывка ... чтобы объект стал на месте.
Не происходит. В любое время, когда я пытаюсь увидеть центр, масштабируемый элемент, он «возвращается» к исходной позиции x/y из-за масштаба.
Что бы я хотел, это масштабировать изображение вверх или вниз от его центральной точки и держать его там, где оно заканчивается после масштабирования.
Вот простой код, который я до сих пор:
$("#cs_house").effect("scale", {percent:120}, 250);
$("#cs_house").fadeTo(10,1);
$("#cs_house").css({'top':28+'px','left':10+'px'});
поэтому этот фрагмент масштабируется изображение с идентификатором cs_house, а затем затухает его обратно. Последняя строка - это то, что я использовал, чтобы сохранить ее на месте, но она прибегает к масштабированию слева вверху. ?
Каков атрибут 'position' для изображения и контейнера, в котором он находится? – Xion
Холдинг относительный, и элемент является абсолютным. Я только что прочитал, что «Origin: ['middle', 'center']" предназначен только для show() и hide(), чтобы что-то объяснить. Тем не менее, я работаю над заменой src attr на двухэтапный анимированный gif. ИЛИ, притворяя увядание на 100%, чтобы использовать шоу, и я приближаюсь. Должен быть лучшим способом, хотя! – Billy