javascript - 在 img [JQuery] 上设置动画最大宽度

Question

我曾尝试寻找解决方案，但找不到任何好的解决方案。

我正在为我的一个 friend 定制一个博客。加载时，我希望每个帖子中的所有 img 的最大宽度和最大高度均为 150 像素。当用户推送 img 时，最大值应该增加到 500px，这很容易。我的代码的问题是我无法在上面获得我想要的动画。有什么帮助吗？

var cssObj = {'max-width' : '500px','max-height' : '500px;'}

$("img").click(function(){     
    $(this).css(cssObj); 
}); 

Answer 1

我让它工作了，结合了其他两个答案(并删除了 css 代码中的最大宽度和最大高度)

var cssBegin = {'max-width' : '250px','max-height' : '250px;'};       
$('img').css(cssBegin);     
var cssObj = {'max-width' : '500px','max-height' : '500px;'};
 $("img").click(function(){          $(this).animate(cssObj,'slow');  });