在页面加载

Question

缩放图像我想获得一个缩放图像的效果时，有人打开了新的一页。所以每个页面都应该有它自己的图像，每次打开页面时都会放大。我在这个网站上有一个例子：http://www.fashionclub70.be/（点击“light version”）。

如果用户点击相应页面打开一个菜单项，并在图像放大。这个网站它与Flash做了，但我想用只有JavaScript这一点。我并不具备Flash的工作知识。你有针对我的一些指针，所以我可以成功实现这个？

感谢

马腾

Answer 1

我想最简单的解决办法是使用这样的：http://sliderjs.org/。基本上，你会放置一个空的占位符，并将您的图像加载到一些不可见的div元素。 然后，用绑定到图像的onload事件的回调启动过渡效果。

Answer 2

你可以使用一个画布，把一个画面就可以了。 Evertything你需要为这个可以在这里找到： http://www.html5canvastutorials.com/tutorials/html5-canvas-images/

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

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

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

这将使格带有该标识向右移动，成为在2秒的时间内大4倍。 ：悬停部分只是一个会使转换打勾的事件。猜你想使用：主动。