jQuery图像径向效果

Question

我想显示图像，扩展如径向效果（从宽度0到100％）。我已经尝试过使用jQuery动画属性，图像工作正如我想要的那样但不会保持固定点。

JS

 <script>
 jQuery(function(){
    jQuery( "#vert img" ).animate({
      width: "100%",
      height: "100%",
      opacity: 1
    }, 1500 );
 });
 </script>

HTML

 <div id="vert">
    <img src="images/radial.png" alt="Radial" />
 </div>

CSS

 #vert{ width: 960px; height: 600px; position: absolute; top: 50%; left: 50%; margin-top: -333px; margin-left: -480px; }
 #vert img{ width: 0; height: 0; opacity: 0; }