La idea seria tener un select en el formulario. El usuario cambia de opción (imagen) y en el evento
onchange del select, se actualice el valor de la imagen de perfil, por el valor del
option elegido (dirección de la imagen).
Esto sería mas o menos asi:
<html>
<head>
<title>Juan</title>
</head>
<body>
<form name='formu'>
<img id='img' src='imagen1.jpg' /><br/>
<select name='images' id='images' size='5' onchange='formu.img.src=this.value;'>
<option value='imagen1.jpg' selected>Imagen 1
<option value='imagen2.jpg'>Imagen 2
<option value='imagen3.jpg'>Imagen 3
<option value='imagen4.jpg'>Imagen 4
<option value='imagen5.jpg'>Imagen 5
<option value='imagen6.jpg'>Imagen 6
</select>
</form>
</body>
</html>
Probá guardando ese código en un html, y en el mismo directorio que el archivo guardar 6 imágenes distintas tipo jpg y vas a ver como funciona. Yo lo probé y anduvo perfecto...
PD: el
size='5' del select indica cuantas opciones queres mostrar, si no se indica este atributo, el select será una lista deplegable...
Autor
En línea
