Ver Mensaje Individual
  #8 (permalink)  
Antiguo 01/03/2007, 01:47
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Re: Redondeo esquinas fotografía

Muy fácil: si tanto a las verticales como a las apaisadas les vas a dar un tamaño fijo, crea un segundo gráfico de cubierta vertical, y al div le das una clase según sea el tipo de foto: <div class="fotoA"> ó <div class="fotoV">.

Me explico: haciéndo ese segundo gráfico, separas el div que lo contiene con dos clases diferentes:

.fotoA { margin: 10px;
float: left;
position: relative;
width: 100px;
height: 85px;
overflow: hidden;
}
.fotoV { margin: 10px;
float: left;
position: relative;
width: 85px;
height: 100px;
overflow: hidden;
}
span { display: block;
position: absolute;
top: 0px;
left: 0px;
background-repeat: no-repeat;
}

.fotoA span {background-image: url(redondas.gif);
width: 100px;
height: 85px;
}
.fotoV span {background-image: url(redondas_vertical.gif);
width: 85px;
height: 100px;
}

Y luego ya, si la foto es vertical el div lleva una clase y si es apaisada la otra:

<div class="fotoA"><img src="1.jpg" /><span></span></div>
<div class="fotoV"><img src="2.jpg" /><span></span></div>

Tan simple como es. Sólo debes hacer el gráfico de cubierta de las fotos verticales.

http://www.menoslobos.com/mikel/foro...ondeadas2.html

Mikel.

Última edición por Mikmoro; 01/03/2007 a las 02:45