ocultar los input radio pero activar con imagen

[medinauta]

Tengo un formulario y un grupo de imagenes para seleccionar solo una, utilizo un input radio para eso, pero no me gusta como se ve, ademas que seleccionar la imagen es mas visual.

Se puede seleccionar una imagen y mantener el valor del input radio sin mostrarlo?

Hice la prueba usando <input type=IMAGE src="06.jpg" name="foto" value="06.jpg" >, pero al seleccionar la imagen envia el formulario.

Gracias por la ayuda.

[k4k4]

Hola,

podrías poner la imagen y, justo debajo, el radio button. Para eliminar los radio buttons por completo tal vez ocuparías una solución con javascript.

Otra idea es usar labels para las imagenes, asociarlos a los radio buttons, y darle a estos un estilo "visibility:hidden" o con un background/color transparente. Esto último es sólo especulación. xD

Código:

<label for="radio1"><img src="06.jpg" alt="??" /></label>
<input type="radio" id="radio1" name="name" value="1" />

Saludos.

[medinauta]

Trate con CSS, los oculta pero a la vez no me permite seleccionar otra imagen...

[medinauta]

je je je, volvi a intentar y ahora lo hice bien... Gracias tardias...