Hallo,
Also kein <a href="foo.bar">Foo</a>)
Doch. Genau das ist die Lösung. Um den Text dann für CSS-Fähige Browser zu verstecken gibt es einen Trick. Ich glaube, man kann z.B. einen riesengroßen negativen text-indent-Wert benutzen oder so.
Aua, nein bitte nicht!
a {/*diverses CSS*/; background-image:url(Beispiel.jpg);}
a:hover {background-image:url(Beispiel1.jpg);}
a span {visibility:hidden;}
<a href="foo.bar"><span>Foo blah blubb</span></a>
viele Grüße
Axel