图像交换在JavaScript中没有像预期的那样工作

我有2张图片，一张大一张。大的是77 X 15，小的是15 X 15.图像交换在JavaScript中没有像预期的那样工作

现在，这两幅图像坐在另一幅图像（大小可以变化）之上。应该发生的是;当用户将鼠标悬停在小图像上时，它会隐藏，然后显示大图像。这两个图像都包裹在DIV中。我知道我可以在一个函数中做到这一点（我已经得到它的工作），但我需要尝试并保持它内联（犯罪我知道）。这是我到目前为止的代码。请记住，我通过了这段代码。

<div id="small" style="position:absolute;top:0px;right:15px; z-index:5000;" onmouseover="this.style.visibility='hidden';" onmouseout="this.style.visibility='visible';"> 

<img src="small.gif" style="FILTER:Alpha(Opacity=50, FinishOpacity=50, style=0); position:absolute; width: 15px; height: 15px;" border="0" alt="text"> 

</div> 

<div id="large" style="position:absolute;top:0px;right:77px; z-index:5000;" onmouseover="this.style.visibility='visible';" onmouseout="this.style.visibility='hidden';"><img src="large.gif" style="position:absolute" border="0" alt="text"> 

</div>

有什么事发生的是，当我将鼠标悬停在较大的图像消失，然后小的只是不断，当你将鼠标悬停在它闪烁。有任何想法吗？

编辑：忘了提及这两个图像是不同的，所以我不能只调整一个图像。

我可能会接近完全错误，请让我知道。

感谢

来源

2011-11-04 zik

我不认为这是一个非常GUD的做法，考虑使用单图一个DIV只是一个简单的jQuery动画。在mouseOver增加高度或任何和mouseout再次减少它回来！

来源

2011-11-04 10:55:51 satin

这里有一个大概的想法[jquery resize]（http://jsfiddle.net/satinjeet/tdba2/） – satin

谢谢，但这两个图像实际上是不同的图像，我不能只调整小的一个。 – zik

ohkay，但你可以只改变图像源像：$（“＃image1”）。attr（“src”，“location to 2nd image”）; – satin

图像交换在JavaScript中没有像预期的那样工作

回答

相关问题