Cambiar imágenes!!

[reycoy]

Tengo una imagenes de unas carpetas cerradas y un texto a la derecha.
Quiero que si pulso en esa imagen(compuesta de carpeta cerrada y texto en blanco) es pulsada cambie a una imagen con la carpeta abierta y texto en rojo.
¿Me podéis ayudar?
Gracias como siempre

[tunait]

Eso con javascript

traslado el tema a ese foro

movido desde html

saludos....

[caricatos]

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

[caricatos]

Hola otra vez:

Se me ocurrió luego que solo hace falta el "padding-left", y de esa manera se mantienen los márgenes internos "predeterminados" del tag que vayas a usar (en el ejemplo era span)

Saludos

[reycoy]

Seguramente así funcionará, pero el problema es que también tengo que modificar la que está abierta a cerrada.
Es decir cuando pincho en una carpeta, esta se cierra(cambia imagen) y la que esta abierta tambien cambia de abierta a cerrada (cambia la imagen)
¿Me podeis ayudar?

[caricatos]

Hola otra vez:

Prueba con...
onclick="if (this.className == 'abierta') this.className = 'cerrada'; else this.classNmae = 'abierta'"

Saludos y felicidades

[reycoy]

Esto me valdría en el caso de que la imagen abierta y cerrada fuera idéntica para los distintos elementos, pero resulta que tengo un abierta y un cerrada para cada elemento.
No sé si me explico muy bien.
Gracias