Bilde kommer til syne når musen dras over en tekst?

[RedRocK]

Hei.

Jeg sitter å lager en webside for en russebuss. Nå er det slik at det skal være et vindu der gutta på bussen representeres. Det jeg vil lage er slik at det på venstre side i vinduet står en liste med alle navnene. Til høyre for denne listen skal det være en firkant. Det jeg vil gjøre er sånn at hvis en drar musen over en an navnene i listen, skal et bilde av personen dukke opp i firkanten på høyre side.

Er det noen som har peiling på hvordan man gjør dette?

 

Takker for svar!

 

HER har du et eksempel på hvordan jeg vil ha det:

http://www.somethingmuffins.com/gutta.html

Endret 19. oktober 2008 av RedRocK

[potetskrell]

Det ligger sikkert i kildekoden som javascript.

 

Søk på nettet, eller spør "somethingmuffins.com" om lov til å bruke dette javascriptet.

[Stian Jacobsen]

1. Inkluder jquery

<script type="text/javascript" src="bane/til/jquery.js"></script>

 

2. Lag et script

<script type="text/javascript">
$(document).ready(function() {
/* REPETER FRA HER (PR.PERSON) */
$("a.ola_norman").hover(
	function() {
		$("img.profilbilde").attr("src","ola_norman.png");
	},
	function() {
		$("img.profilbilde").attr("src","ingen_bilde.png");
	}
);
/* TIL HER */
});
</script>

 

Legg til litt html:

<ul>
<li><a href="#" class="ola_norman">Ola Norman</a></li>
<li><a href="#" class="kari_norman">Kari Norman</a></li>
</ul>
<img src="ingen_bilde.png" class="profilbilde" alt="Hvem er hvem" />

 

Før du kommer med dumme spørsmål ("virker ikke", "hvorfor ikke", "hvordan kan jeg gjøre ditt")

Se: http://docs.jquery.com/