Código:
Saludos y gracias <script> <!-- var idImageSelected=""; function clickImage(idImage) { if(idImageSelected) { document.getElementById(idImageSelected).setStyle('border', 'solid 1px #ffffff'); } document.getElementById(idImage).setStyle('border', 'solid 1px #ffffff'); document.nameform.elements["seleccionImagen"].getValue=idImage; document.getElementById("imagenSeleccionada").setInnerFBML=idImage; idImageSelected=idImage; } //--> </script> <h1>Seleccionar una imagen con JavaScript</h1> <p>Imagen seleccionada: <span id='imagenSeleccionada'></span></P> <form action='' method='post' name='nameform'> <div style="clear:both;"> <img src='img/img1.jpg' id='img1.jpg' style='vertical-align:middle; border:solid 1px #ffffff;' onclick="javascript:clickImage(this.getId)" /> </div> <div style="clear:both;"> <img src='img/img2.jpg' id='img2.jpg' style='vertical-align:middle; border:solid 1px #ffffff;' onclick="javascript:clickImage(this.getId)" /> </div> <div style="clear:both;"> <img src='img/img3.jpg' id='img3.jpg' style='vertical-align:middle; border:solid 1px #ffffff;' onclick="javascript:clickImage(this.getId)" /> </div> <input type='hidden' name='seleccionImagen' value='' /> <input type='submit' value='Enviar' /> </form>