Hover mitb aktive link

[MC Breit]

ich will so wie
"alink vlink link"
mit images machen...

ich habe uerst gedacht:

<a href="home.html" target="mitte">
       <img src="button-home.jpg" onMouseOver="this.src='button-home-o.jpg'" onMouseOut="this.src='button-home.jpg'" onClick="this.src='button-home-a.jpg'" border="0"  alt=".. zur startseite" width="102" height="20">
      </a><p>

aber wenn ich die maus wieder raus mache dann ist ja wieder das standart...


wie mache ich es dass das img das die aktive link beherbergt angezeigt wird ??


näheres:

ich will das es wie bei noramalen links , die halt bilder sind vür jeden link quasi
[Standart]
[OnMouseOver]
[Aktive]
existieren...

ich habe jetzt jeweils drei imges gemacht, aber wie sge ich das mit dem aktiven link ?

 

[Andreas Gaisbauer]

Hallo,

was geht daran nicht? Ich hätte es auch so gemacht...

onMouseOver="this.src='button-home-o.jpg'"
onMouseOut="this.src='button-home.jpg'" 
onClick="this.src='button-home-a.jpg'"

ciao

 

[Fabian H]

Schonmal so probiert:

a.BildLink1:link, a.BildLink1:visited {
  background-image: url(images/link1.jpg);
  text-decoration: none;
}

a.BildLink1:active {
  background-image: url(images/link1_active.jpg);
  text-decoration: none;
}

a.BildLink1:hover {
  background-image: url(images/link1_hover.jpg);
  text-decoration: none;
}

[...]<a href="bla.html" class="BildLink1" style="height:10px; width:20px;">&nbsp;</a>

Musst halt enstprechend die Höhe und Breite vom Bild anpassen.

 

[MC Breit]

danke ! klingt nach der lösung! ich probier es gleich mal aus...