onmouseover Link med picture

Det kan gøres med onmouseover og  onmouseout:


(Eksperten insisterer på at indsætte et mellemrum mellem "java" og "script" - det skal selvfølgelig lige fjernes.)

Ovenstående vil gøre elementet med id image1 synligt, når du kører musen over linket, og igen skjule billedet, når musen forlader linket. Dit image1-element kunne fx se sådan her ud:

Hej og tak for hjælpen

Det virker NÆSTEN men billedet ses straks fra start af siden.
Det skal det ikke - først når linket aktiveres

Hvad gør jeg

så prøv onclick

Hvordan ser koderne så ud onclick

<a id="link1"
  onclick="java script:getElementById('image1').style.display='block'"
  onclick="java script:getElementById('image1').style.display='none'"
  href="">Link1</a>


<span id="image1"><img src="billede.jpg" /></span>

Jamen det kræver man klikker på Linket - det er ikke det jeg søger

onmouseover lyder rigtig men man må da kunne undertrykke billedet til onmouseover aktiveres - Kan i hjælpe

Jamen så er det onmouseover..

eller i din css:
a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {url ('img1.jpeg')}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

De 3 andre er underordnet - Men de skal komme i den rækkefølge..

Jeg har prøvet:

<style type="text/css">
a1:link {color:#FF0000;}      /* unvisited link */
a1:visited {color:#00FF00;}  /* visited link */
a1:hover {url ('img1.jpeg')}  /* mouse over link */
a1:active {color:#0000FF;}  /* selected link */
</style>

Jeg er helt forvirret. Jeg kan ikke se dette har referance til
det første wanze har lavet i toppen af denne side. Det virker heller ikke. Jamen det er jo også color. Det er ikke problemet

Det er billedet der ikke skal vises før linket aktiveres

Det har uingen reference til det, det er 2 forskellige måde og gøre det på.. Det 1 tal du har skrevet høre ingen steder hjemme..

Lig din menu ind i en div så det kommer til og se sådan ud:
<style type="text/css">
a #menu:link {color:#FF0000;}     
a #menu:visited {color:#00FF00;} 
a #menu:hover {url ('img1.jpeg')} 
a #menu:active {color:#0000FF;


<div id="menu">
<a href="link1">link1</a>
<a href="link2">link2</a>
<a href="link3">link3</a>
</div>

Jeg forstår ikke lige, hvorfor folk bringer :link, :visited, :hover og :active ind i det. Det du vil have er bare, at billederne er skjult, når siden indlæses. Det kan gøres ved at sætte display: none; på dem med det samme.


Jeg har også lagt et eksempel online.

Hej wanze

style="display:none" gør at link teksten forsvinder - ikke billedet

Ja, det var en fejl. Den skulle selvfølgelig ikke være på linket, men på billedet: <img src="billede.jpg" style="display:none" />. Se eventuelt det eksempel, jeg linkede.

Det gættede jeg og prøvede. Det virker heller ikke for så vises billedet overhovedet ikke. Det skal jo vises når musen er over linked

Så gør som det er forevist i eksemplet.