交换图像，改变宽度和高度

Question

我有一个 div，在这个 div 中是一张图片。 我现在所做的是图像的宽度为 100%。 我想如果我用另一个图像交换图像，例如高度比 div 大。我希望高度为 100% 而不是宽度。我不想对 CSS 进行更改，我希望这些更改在我交换图像时发生。这可能吗？

HTML

<div id="i3-box1">
    <img id="i3-logo" src="images/logo.png">
</div>

CSS

#i3-logo{width: 100%;}

JQuery

$("#i3-logo").attr("src", "images/logo2.png"); 

我使用 JQuery 交换图像，因为此操作超过 1 HTML。

Answer 1

你可以使用.height(value) or .css( propertyName, value )方法

$("#i3-logo").attr("src", "images/logo2.png").height('100%');

或

$("#i3-logo").attr("src", "images/logo2.png").css('height', '100%');

Answer 2

也许您可以将外部 DIV 高度设置为与加载的徽标高度相同。

希望对您有所帮助：

$('#i3-box1').height($('#i3-logo').height());

每次加载新img后需要执行。