用JQuery放大悬停图像的问题

这一堆代码似乎确实有效，唯一的问题是转换不是很顺利。你知道如何调整代码使效果更平滑吗?而且，当图像放大时，图像下方和旁边的所有内容似乎都被推开了，为放大的内容腾出空间，有没有办法让图像在放大时与周围的内容重叠?此外，而不是插入代码，每个图像，每次我上传一个新的图像，想要的效果，我如何使javascript代码自动应用到新图像，而不是手动应用javascript到它每次?最后，我如何在视频/小部件上使用它，而不仅仅是图像?(我用的是Dreamweaver CS5)。

$("img").each(function() {
$.data(this, 'size', { width: $(this).width(), height: $(this).height() });
}).hover(function() {
$(this).stop().animate({ height: $.data(this,'size').height*1.2,
width: $.data(this,'size').width*1.2 });
}, function() {
$(this).stop().animate({ height: $.data(this,'size').height,
width: $.data(this,'size').width });
});