将图像大小调整为参考点(Resizing images to a reference point)

将图像大小调整为参考点(Resizing images to a reference point)

我试图动画幻灯片放映图像缩小。

现在，我正在使用： $('#item').animate({width:"75%"},1000);

当我运行此图像时，图像会调整大小，同时保持图像的顶部和左侧点静止。 如何在保持顶点和右点静止的同时调整图像大小？ （因此图像将向左下方扩展）

谢谢！

I am trying to animate a slide show where the images zooms out.

Right now, I'm using: $('#item').animate({width:"75%"},1000);

When I run this, the image resizes while keeping the top and left point of the image static. How can I resize the image while keeping top and right point static? (So the image will expand toward bottom and left)

Thank you!

最满意答案

把它放在一个容器中并绝对定位......

#item { position: absolute; top: 0; right: 0; }

jsFiddle 。

Put it in a container and position it absolutely...

#item { position: absolute; top: 0; right: 0; }

jsFiddle.