Jquery 我已将图像设置为调整大小，但如何使图像从中心而不是左上角调整大小？

这是我用来在翻滚时增加图像大小的代码，但它从左上角调整大小，而不是从图像的中心调整大小。如何从图像中心调整大小

    <script>
        $('img').hover(function() {//Hovering
          $(this).animate({
              width: '50%',
              height: '50%',
          }, 400);//Speed of animation in ms
      }, function() { //Not hovering
          $(this).animate({
              width: '25%',
              height: '25%',
          }, 400);
      });
    </script>

$（'img'）.hover（函数（）{//hover
$（此）。设置动画({
宽度：“50%”，
身高：50%，
}，400）；//动画的速度（毫秒）
}，函数（）{//未悬停
$（此）。设置动画({
宽度：“25%”，
身高：25%，
}, 400);
});

据我所知，没有jQuery功能可以做到这一点，但您可以在调整图像大小时手动调整顶部和左侧位置，以实现从中心调整图像大小的效果

---

要做到这一点，您可能需要绝对定位，使左侧和顶部生效，就像

这是我创建的代码，它不起作用，但达到了我想要做的点

$('img').hover(function() {//Hovering
          $(this).animate({
              width: '50%',
              height: '50%',
              $('img').css('zIndex', '2');
          }, 400);//Speed of animation in ms
      }, function() { //Not hovering
          $(this).animate({
              width: '25%',
              height: '25%',
              $('img').css('zIndex', '0');
          }, 400);
      });

---

这正是我想要的谢谢你。。。你使用的这个小提琴程序是什么？这是我第一次看到它？@Erith它是一个“呈现”Html、Js和css的网站。显示代码片段非常有用，而且是免费的。如果我帮了你，请接受答案你会如何影响这段代码，这样当我滚动图像时，z索引会发生变化，这样当图像旁边有一个图像时，它们不会互相推来推去？你也可以改变z索引，看看这个