Jquery：在保持相同大小的同时替换图像

Question

我已经知道如何替换图像了，但有没有办法在保持与原始图像相同的尺寸的同时做到这一点？

Answer 1

您可以使用CSS来设置图像大小，然后使用您放置的任何src - 它将被拉伸到该大小。

下面的示例将在您运行它之后一秒钟更改图像源，同时保留大小。

setTimeout(function(){
  $('#myImg').attr('src', 'http://1.bp.blogspot.com/-5oOkeGTIaNI/VRZ_MvQmrjI/AAAAAAAABYo/AJE_6NVu85Y/s1600/Super_mario.png');
  }, 1000);

#myImg {width: 100px; height: 100px}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img id="myImg" src="http://www.mariogame.info/images/icon-facebook.png" />