Форум

Hagrael · #1 (**permalink**) 07.07.2010, 15:43

Мне нужно, чтобы при наведении мыши на ссылку с картинкой появлялась она, но в уменьшенном размере.
Вот что я пишу:

<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>

Но не работает. Картинка не высвечивается. Что делать?
Заранее благодарен.

exec · #2 (**permalink**) 07.07.2010, 15:54

В функции hide вы устанавливаете пустой src, зачем?

Hagrael · #3 (**permalink**) 07.07.2010, 15:57

exec,
чтобы картинка убиралась. Конечно можно направить src на прозрачную картинку, но разве так нельзя? А с show() у меня всё нормально?

exec · #4 (**permalink**) 07.07.2010, 15:59

Странное у вас мышление. Зачем всё так усложнять, если можно просто присвоить 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>

Hagrael · #5 (**permalink**) 07.07.2010, 16:05

exec,
но ведь тогда получается другая картинка, а не пустота. Наверное стоит попробовать с пустой картинкой, так как src='' не работает.

Hagrael · #6 (**permalink**) 07.07.2010, 16:19

Проблема решена.

Hagrael · #7 (**permalink**) 07.07.2010, 16:20

Спасибо за помощь, exec, и всем, кто мне помогал.

Форум

Справочник

Discord чат

Курсы javascript