如何在通過css設置大小時在javascript事件上放大圖像？

Question

我有一些CSS （下）定義圖片大小

#latestImages img 
{ 
    height: 95px; 
    width: auto; 
} 

這是影響這些圖片：

<img src="@images.ImagePath" alt="@images.NameOfImage" /> 

當我設置的onmouseover事件到該圖像像這樣：

<img src="@images.ImagePath" alt="@images.NameOfImage" onmouseover="this.width=100;this.height=100;" onmouseout="this.width=200;this.height=200;"/> 

圖像的高度和寬度確實在html中發生變化源是查看，但沒有可見的變化，但是當我刪除了CSS的變化確實發生。 有誰知道這是爲什麼？有什麼我可以做的不同，以保持CSS是JavaScript，並擴大圖像？ 在此先感謝！

Answer 1

您可以在您的onmouseover處理程序中使用此格式：this.style.width="50px"。 或者更好的是，不要把你的JS放到你的HTML中，並且爲你正在嘗試做的事情寫一個函數。

Answer 2

onmouseover="this.style.width='100px';this.style.height='100px';" 
onmouseout="this.style.width='200px';this.style.height='200px';" 

樣式需要單位。在這種情況下，px。否則它可能是pt,in或em。