使用JQuery悬停图片时放大图片的问题

一堆代码似乎确实起作用，唯一的问题是过渡不是很顺利。任何想法如何调整代码，使效果更平滑？而且，当图像放大时，图像下方和旁边的所有内容似乎被推开以腾出空间放大，任何想法如何阻止这种情况并使图像在放大时与其周围的内容重叠？此外，每次我上传新图像并希望获得该效果时，我都不会为每个图像插入该代码，而是如何让JavaScript代码自动应用于新图像，而不是每次都手动应用JavaScript。最后，我如何在视频/小部件上使用它，而不仅仅是图像？（我正在使用Dreamweaver CS5）。使用JQuery悬停图片时放大图片的问题

$("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 }); 
});

来源

2011-12-23 Gabriel Salvatore