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

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)或.css( propertyName, value )方法

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

OR

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

Answer 2

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

我希望这会有所帮助：

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

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