Modifier la taille d'une image [web]

<img id="image" src="<?php bloginfo('template_url'); ?>/images/cercle.png"> 
<script> 
    $("img").hover(function () { 
          $('#image').animate({ 
    width: '70%', 
    height: '700%' 
  }, 500, function() { 
    // Animation complete. 
  }); 
    }); 
</script> 

<img id="image" src="<?php bloginfo('template_url'); ?>/images/cercle.png">
<script>
$("img").mouseover(function () {
          $('#image').animate({
    width: '70%',
    height: '70%'
  }, 300, function() {
    // Animation complete.c
  });
    });
    
$("img").mouseout(function () {
	          $('#image').animate({
    width: '40%',
    height: '40%'
  }, 300, function() {
    // Animation complete.c
  });
    });
    
</script>