Imprimir Página - avatar al registrar

Buenas noches

lo que quiero hacer es que al registrarse el usuario seleccione un avatar imagen que lo represente lo que quiero saber es como hago que salga una lista y al darle click a un nobre me salga la imagen como en este foro ejemplo --->

(http://servicanes.com.co/solicutud.jpg)

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:

Código

<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...

Foro de elhacker.net

Programación => PHP => Mensaje iniciado por: Fenix-Hack en 9 Marzo 2011, 01:41 am