Маленькая картинка при наведении мыши
Мне нужно, чтобы при наведении мыши на ссылку с картинкой появлялась она, но в уменьшенном размере.
Вот что я пишу:
<script>
objminiimage=new Image()
objminiimage.src='images/image.png'
function show() {
document.getElementById("miniimage").src=objminiimage.src
}
function hide() {
document.getElementById("miniimage").src=''
}
</script>
<img width="ширина" height="высота" style="устанавливаю позицию..." id="miniimage"> <a href="images/image.png" onMouseOver="show()" onMouseOut="hide()">Ссылка</a> Но не работает. Картинка не высвечивается. Что делать? Заранее благодарен. |
В функции hide вы устанавливаете пустой src, зачем?
|
exec,
чтобы картинка убиралась. Конечно можно направить src на прозрачную картинку, но разве так нельзя? А с show() у меня всё нормально? |
Странное у вас мышление. Зачем всё так усложнять, если можно просто присвоить src?
<html>
<head>
<script type="text/javascript">
function show() {
document.getElementById('myImage').src = 'http://javascript.ru/forum/images/ca_serenity/buttons/quote.gif';
}
function hide() {
document.getElementById('myImage').src = 'http://javascript.ru/forum/images/ca_serenity/misc/logo.gif';
}
</script>
</head>
<body>
<a href="javascript://" onmouseover="show();" onmouseout="hide();">Show/hide</a>
<br />
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" id="myImage" />
</body>
</html>
|
exec,
но ведь тогда получается другая картинка, а не пустота. Наверное стоит попробовать с пустой картинкой, так как src='' не работает. |
Проблема решена.
|
Спасибо за помощь, exec, и всем, кто мне помогал.
|
| Часовой пояс GMT +3, время: 00:05. |