Ver Mensaje Individual
  #6 (permalink)  
Antiguo 17/06/2013, 15:23
quico5
 
Fecha de Ingreso: enero-2008
Mensajes: 581
Antigüedad: 16 años, 11 meses
Puntos: 9
Respuesta: jQuery igualar height

la idea es mostrar en una linea una noticia y en otra linea 2 noticias de manera alterna

supongo que necesito un bucle modificado que compare e iguale dos a dos noticias saltándose 1 de cada 3

no se gran cosa de JS pero se me ocurre que después de un MOD->RESTO=0, en php seria $noticias%3=0,1,2 , comparar recorriendo ".igualar" cuando haya dos juntos que no den resto 0 comparar sus dos height y aplicarles el mayor

Cita:
<style>
.ignorar {width:100%}
.igualar {width:50%;}
</style>
Cita:
<script>
$(function(){
var maxH = 0;
$("article .igualar").each(function(i) {
var actH = $(this).height();
if(actH > maxH) maxH = actH;
});
$("article .igualar").height(maxH);
});
</script>
Cita:
<div id="noticias">
<div class="ignorar"></div>
<div class="igualar"></div><div class="igualar"></div>
<div class="ignorar"></div>
<div class="igualar"></div><div class="igualar"></div>
<div class="ignorar"></div>
<div class="igualar"></div><div class="igualar"></div>
</div>