交換圖像，更改寬度和高度

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%');

要么

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

Answer 2

也許您可以將外部DIV高度設置為與加載的徽標高度相同。

我希望這有幫助：

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

每次加載新img后都需要執行該命令。