我有一个奇怪的问题。
我有两张照片。第一个是默认来源。当我执行鼠标悬停操作时,它会更改为具有相同原始尺寸的另一个图像。
但是当我执行mouseover事件时,新图像奇怪地变小了!
在此处查看此示例,在“CA”图像中:
<a href="#"><img src="http://www.camona.com.br/ideaos/site/desenvolvimento/estudo3/images/svg/CApreto2.svg" onmouseover="this.src='http://www.camona.com.br/ideaos/site/desenvolvimento/estudo3/images/svg/CApreto1.svg'" onmouseout="this.src='http://www.camona.com.br/ideaos/site/desenvolvimento/estudo3/images/svg/CApreto2.svg'"></a>
<a href="#"><img src="http://www.camona.com.br/ideaos/site/desenvolvimento/estudo3/images/svg/MOpreto1.svg"></a>
<a href="#"><img src="http://www.camona.com.br/ideaos/site/desenvolvimento/estudo3/images/svg/NApreto2.svg" onmouseover="this.src='http://www.camona.com.br/ideaos/site/desenvolvimento/estudo3/images/svg/NApreto1.svg'" onmouseout="this.src='http://www.camona.com.br/ideaos/site/desenvolvimento/estudo3/images/svg/NApreto2.svg'"></a>
更新 http://jsfiddle.net/snABp/2/
这两张图片具有相同的尺寸:
http://www.camona.com.br/ideaos/site/desenvolvimento/estudo3/images/svg/CApreto1.svg http://www.camona.com.br/ideaos/site/desenvolvimento/estudo3/images/svg/CApreto2.svg