鼠标悬停时按百分比增加图像大小

Question

我正在Weebly上建一个网站。我希望鼠标悬停时所有图像的大小都会增加。其中一些是不同的大小，所以我想按百分比来做。我找到了一个代码，并尝试自己编辑，但它无法正常工作。这是我尝试使用的代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('img').mouseover(grow);
$('img').mouseout(shrink);
});

function grow(){
$(this).css('height','150%');
$(this).css(‘width’,’auto’)
}

function shrink(){
$(this).css('height','100%');
$(this).css(‘width’,’auto’)
}
</script>

提前感谢您的帮助。 :)