Cambiar texto por Imagen Rollover

[Rednapx]

Hola amigos como estan :)

Miren les explico mi problema, llevaba yo mucho tiempo buscando e intentando codificar un script que haga esto, lo que pretendo es tener un enlace de texto, texto normal pues y al pasar el mouse por encima que cargue una imagen ahi mismo, y al retirar el mouse vuelva a su estado de texto.

Estuve buscando y haciendo experimentos pero no me sale nada, hace poco en una pagina me encontre algo parecido y lo aplique pero solo se ve bien en FF pues el consiste en poner y quitar la url en un IMG dejando solo el alt text, miren aqui esta el ejemplo:

url: heavenofanime[dot]org

Es la lista de afiliados que esta un poco mas abajo, en FF se ven los enlaces bien y pasando encima se ve la imagen, pero en IE, Opera y otros se ve un hueco de imagen rota.

Convencido de que ese no es el camino a seguir, espero que ustedes me ayuden y me puedan orientar sobre el code que debo usar.

Gracias!

[caricatos]

Hola:

Si tienes los 2 tags juntos (la imagen y el texto, puedes usar el mouseover para ocultar el elemento visible y mostrar el oculto, y el mouseout del elemento oculto para volver las cosas a su sitio... la implementación es bastante sencilla si los elementos son adyacentes...

<span onmouseover="this.style.display = 'inline'; this.nextSibling.style.display = 'none'">
Rollover
</span><img src="rollover.gif" onmouseout="this.style.display = 'none'; this.previousSibling.style.display = 'inline'" style="display: none" />

Saludos

[Rednapx]

Haciendo unos pequeños ajustes quedo excelente, muchisimas gracias!