Javascript 页面加载时缩放图像

我想在有人打开新页面时获得缩放图像的效果。所以每个页面都应该有自己的图像，每次打开页面时都会放大。我在这个网站上有一个例子：（点击“轻版”）

如果用户单击菜单项，则会打开相应的页面并放大图像。在这个网站上，它是用Flash完成的，但我只想使用Javascript。我对Flash还没有真正的实用知识。你有没有给我一些建议，让我可以成功地实现这一点

谢谢

---

你可以用画布在上面画一幅画。你需要的所有东西都可以在这里找到：

编辑：如果你想使用CSS3，你可以使用

#pix{width:200px;height:300px;transition: all 2s;}

#pic:hover{transform:scale(4) translate(100px,100px)}

这将使标记有此id的div向右移动，并在2秒内变大4倍。

---

：hover部分只是一个事件，它将使转换生效。我想你应该改为使用：active。

我想最简单的解决方案应该是使用如下内容：。基本上，您将放置一个空的占位符，并将图像加载到某个不可见的div元素中。

---

然后，通过绑定到图像的onload事件的回调来启动过渡效果。

这不是缩放，而是某种启示。有很多方法可以实现类似的功能。两个值得注意的是使用CSS（浏览器支持较少）或jQuery。您对使用JavaScript/jQuery有信心吗？