bender: Textlink soll sytle-eingebundenes BG-Image ändern

Beitrag lesen

SELF-Forum

Textlink soll sytle-eingebundenes BG-Image ändern

bender
– Informationen zu den Bewertungsregeln

Hallo!

Also auf die Schnelle fällt mir das ein:

  
<html>  
<head>  
  
<script type="text/javascript">  
  
function bg(pfad) {  
	document.getElementById("bg1").style.background="url('"+pfad+"')";  
}  
  
</script>  
  
<body>  
  
<table id="bg1">  
<tr>  
	<td>  
		<a href="#" onclick="bg('bild1.jpg');">Link 1</a>  
	</td>  
</tr>  
<tr>  
	<td>  
		<a href="#" onclick="bg('bild2.jpg');">Link 2</a>  
	</td>  
</tr>  
<tr>  
	<td>  
		<a href="#" onclick="bg('bild3.jpg');">Link 3</a>  
	</td>  
</tr>  
</table>  
  
</body>  
</html>

CSS:
#bg1 {
border:1px solid;
background-repeat:auto;
background-image:url(individuell.jpg);
}

Somit kannst du einfach den Pfad zu deinem Bild für jeden Link angeben und unendlich viele Links mit verschiedenen Bildern benutzen. Der Pfad wird einfach an die Funktion übergeben. Ich hoffe das hilft dir weiter...

Grüße.

Beitrag melden
–
Informationen zu den Bewertungsregeln