Hola reycoy:
Una posibilidad es con estilos y clases:
<style>
body {
background-color: blue;
}
.abierta {
background-image: url(abierta.gif);
background-position: left center;
background-repeat: no-repeat;
color: white;
padding: 0 0 0 30;
}
.cerrada {
background-image: url(cerrada.gif);
background-position: left center;
background-repeat: no-repeat;
color: red;
padding: 0 0 0 30;
}
</style>
y una cosa así:
<span class=abierta onclick="this.className = 'cerrada'" > ...Prueba...
</span>
El último de los valores de los padding debe ser algo mayor que el ancho de las imágenes.
Saludos
