avatar al registrar

Iniciado por Fenix-Hack, 9 Marzo 2011, 01:41 AM

0 Miembros y 1 Visitante están viendo este tema.

Fenix-Hack

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









Castg!

#1
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 (html4strict) [Seleccionar]
<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...

Fenix-Hack

Muchas gracias perfecto
es lo que necesitaba gracias por la ayuda


Castg Salu2 ;-)