使用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