PDA

Ver la Versión Completa : Sobreponer Imagen Circular


Deiv
27-01-2007, 22:45:23
Hola,
Viendo ejemplos de algunas páginas de la manera de sobreponer una Imagen sobre la otra, Yo lo hago así:
<DIV STYLE="position:absolute; top:150px; left:150px; width:200px; height:200px; visibility:visible;z-index:1">
<IMG SRC="Imagen1.gif" border=0>
</DIV>
<DIV STYLE="position:absolute; top:30px; left:100px; width:200px; height:200px; visibility:visible;z-index:2">
<IMG SRC="Imagen2.gif" border=0>
</DIV>
Se que existen otras formas, de repente no estoy optando por la adecuada.
Ahora necesito mostrar una imagen encima de otra pero la de encima en forma CIRCULAR.

Lo que quiero aclarame es lo siguiente:

- ¿Debo crear el GIF de la Imagen a sobreponerse en forma circular y transparente? ó
- Disponiendo de la Imagen (Rectangular) ¿Se puede con un Script y alguna instrucción (Circle.. digamos, no sé) que capture solo un diametro determinado de una cierta Imagen que tuviera, para luego mostrarlo encima de la otra?

ADJUNTO un JPEG como muestra.
Deiv

droguerman
28-01-2007, 10:36:56
hmmm exactamente para que es que lo necesitas?

Deiv
28-01-2007, 15:46:11
Hola,
Creo que como se ve en el ZIP, está claro, no?? Uno siempre busca dar estética a sus páginas, y yo la ví así para no verlas tan cuadradas.
OnMouseOver se posiciona sobre un "Alumno" y muestra la foto circular sobre otro "x-Fondo gráfico pequeño", OnMouseOver sobre otro "Alumno" y muestra otra foto también circular, etc. Solo por estética y por saber como encarar esa parte circular.
Saludos.