2010-10-08 77 views
1

所以我看到发生了什么。我定位了一个图像,从中心向上缩放,然后它跳到由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的ID图像,然后消失了回去。最后一行是我用来保留它的地方,但它从左上角开始缩放。 ?

+0

图像和容器的位置属性是什么? – Xion 2010-10-08 21:55:33

+0

控股是相对的,该项目是绝对的。我刚刚读到“Origin:['middle','center']”仅用于show()和hide(),以便解释某些内容。不过,我正在用两阶段动画gif替换src attr。或者,将淡入淡出到100%以使用秀,并且正在接近。必须是更好的方式! – Billy 2010-10-08 22:05:27

回答

1

第一张: 我想推荐定位绝对坐标,并给它一个与目标宽度(图像宽度* 1.2)相匹配的宽度。此外,将持有者的文本对齐设置为“中心”,并将图像边距设置为“自动”。

通过这种方式,你得到的图像始终居中集中在持有人。

更重要的是:不使用效果() 同样的效果可以与动画(完成),只需调用动画与{宽度:* imagewidth 1.2}。 animate()似乎没有任何混蛋效果“干净”,因为它不会做任何超过你想要的(缩放图像)。

效果()做更多,它起着与周围的位置,注入一些需要帮助的对象

see example

0

Dr.Molle ...这是接近,但规模从顶部中心而发生比中间中心....至少在Windows上的FireFox。

这给了我一些想法,所以谢谢!