Изменение картинки при ховере на ссылку

DImaN · December 22, 2008

Какова задача: есть скажем слой, в котором есть бэкграунд в виде картинки и 3 ссылки в виде картинок расположенных вертикально, нужно сделать так, чтобы при наведении мыши на кадую "ссылку-картинку" изменялся бэкграунд и чтобы он также являлся ссылкой на ту же странцу, что и та ссылка на которую мы навели указатель мыши.

У меня получилось следующее: немного не то, что мне нужно сделать (и к тому же через таблицу), а именно:

<script language="JavaScript" type="text/JavaScript"> 
function showT(q){ 
document.getElementById('ima').setAttribute('src','0'+q+'.png') 
} 
</script> 
</head>
<body>
<table width="500" border="0"> 
  <tr> 
	<td ><a href="#" onmouseover="showT(0)" onmouseclick=""><img src="screenshot_1.jpg">
		<br></a>
					<a href="#" onmouseover="showT(1)"><img src="screenshot_2.jpg">
		<br></a>
					<a href="#" onmouseover="showT(2)"><img src="screenshot_3.jpg">
		</a></td> 
	<td><img id="ima" src="00.png"></td> 
  </tr> 
</table>

т.е. у меня слева расположены 3 ссылко-картинки и при наведении на каждую изменяется не бэкграунд, а картинка, причем эта картинка не является ссылкой.

Как можно реализовать то, что мне нужно помогите пожалуйста...

Заранее спасибо

Vialls · December 22, 2008

Если я правильно понял, вам нужно динамически менять background. Просто замените свой JS код, на вот этот:

<script language="JavaScript" type="text/JavaScript"> 
function showT(q){ 
document.getElementById('ima').style.backgroundImage = 'src','0'+q+'.png';
} 
</script>

Edited December 22, 2008 by Vialls

DImaN · December 22, 2008

После замены кода никакого положительного результата при ховере на ссылки ничего не происходит

Sign In

Изменение картинки при ховере на ссылку

Question

DImaN

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Vialls

Link to comment

Share on other sites

DImaN

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information