У меня есть 2 изображения, одно большое и одно маленькое.Большое - 77 X 15, а маленькое - 15 X 15.
Теперь эти 2 изображения располагаются поверх другого изображения (которое может различаться по размеру).То, что должно произойти, это;когда пользователь наводит курсор на маленькое изображение, оно скрывается, и затем отображается большое изображение.Оба изображения обернуты в 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>
Кажется, что происходит то, что, когда я наводю курсор на большее изображение, оно исчезает, а затем маленькое продолжает мигать, когда вы наводите курсор на него.Есть идеи?
РЕДАКТИРОВАТЬ: Забыл упомянуть, что оба изображения разные, поэтому я не могу просто изменить размер одного изображения.
Возможно, я подхожу к этому совершенно неправильно, поэтому, пожалуйста, дайте мне знать.1011 * Спасибо