Bildwechsel bei hover und visited

[nadjak]

Nachdem anscheinend nicht ganz klar ist was ich meine hier nochmal mit Quelltext.
Mit Textbildern meine ich einfach einen Text der nicht als Text in HTML steht sondern im Grafikprogramm als Grafik gespeichert ist (da spezielle Effekte dabei sind).

Quelltext in meiner html-Seite:

<a class="navilinks" href="link1.html"><img src="images/n_link1.gif" alt="" border="0" width="128" height="22"></a><br>

<a class="navilinks" href="link2.html"><img src="images/n_link2.gif" alt="" border="0" width="100" height="28"></a><br>

Quelltext in meiner externen css-Datei:

a.navilinks{
  padding-left: 20px;
}

a.navilinks:hover {

background: url("images/spirale.gif") no-repeat;

}

Das er die Spirale bei Mouseover anzeigt klappt auch super. Jetzt soll noch das Bild wechseln es hat den gleichen Namen nur mit einem r_ statt einem n_ vornedran (z.B. r_link1.gif statt n_link1.gif).
Am liebsten wäre mir natürlich so was wie "tausche n_ gegen r_". Ich würde es gerne vermeiden für jeden Link eine eigene css-id anzulegen.

Ich hoffe es ist jetzt klarer.
DAnke schonmal
lg Nadja