hover med foto?

Tags:    html css

Hejsa

Jeg er ved at lave en side, hvor mine menu-links skal have en hover effekt, hvor et lille foto vises.
Hvordan gør jeg det?



Fold kodeboks ind/udKode 




hej J

Tak for hurtigt svar,,, som total newbie kan du så skære det lidt ud i pap for mig?



jeg kan ikke få dette til at virke
....................

<script type="text/javascript">


<li> <a href="./tegninger.html" target=main> Paintings 2007-2008
img src="./img/_brud.jpeg" onmouseover="this.src='hover.jpeg'" onmouseout='this.src='not-hover.jpeg' />
</a> </li>
</script>



Fold kodeboks ind/udKode 


Der manglede et par anførselstagn omkring onmouseout

Du behøver ikke bruge <script type="text/javascript">



Hejsa

Jeg har skrevet
...................
<li> <a href="./tegninger.html" target=main> Paintings 2007-2008
<img src="/img/_999.jpg" onmouseover="this.src='hover.gif'" onmouseout="this.src='not-hover.gif'" />
</a></li>

..............

Jeg vil have _999.jpg til at vises ved mouseover linket.

??????



Prøv at downloade denne fil, unzip den og sig om det er sådan noget du har tænkt dig.

http://peecee.dk/upload/download/104652

Ellers må du prøve at forklare det lidt bedre.



Man kan også bruge
Fold kodeboks ind/udKode 


For at kunne bruge "img:hover"skal du altid sætte denne kode øverst på siden
Fold kodeboks ind/udKode 
ellers virker det ikke.

En meget iriterende ulempe er at det kun virker i nyere browsere det vil sige f.eks. ikke IE6:'(

Så hvis du vil bruge denne muglighed ville jeg vente lidt endnu.




t