html - HTML MouseOver および MouseOut エラー

Question

<tr>
<td> <span id="dummy" onclick="playSound(this,'vowels/ear.mp3');">
<img src="pics/ie.jpg" onmouseover="this.src='pics/dipthongs/ear.jpg';this.width=200;this.height=250" onmouseout="this.src='pics/ie.jpg';this.width=100;this.height=150"/>
</span> </td>

私の問題は、ページをロードすると画像が大きくなることです。宣言したサイズに戻る前に、すべての画像にカーソルを合わせる必要があります。ありがとう！

Answer 1

HTML 自体に幅を設定しないでください。CSS を使用して幅を設定します。高さを設定しないでください。適切にスケーリングされます。

HTML

<img class="styleImage" src="x.jpg"> 

CSS

img.styleImage {width:75%; -ms-interpolation-mode:bicubic;}