Estou criando um mural de imagens dentro de thumbnails ajustando-as automaticamente, onde eu uso o cálculo abaixo:
if($('.thumb img').width()<$('.thumb img').height()){//portrait
$('.thumb img').css({
maxWidth:'100%'
});
$('.thumb img').css({
marginTop:-(($('.thumb img').height()-$('.thumb').height())/2)
});
}else{//landscape
$('.thumb img').css({
maxHeight:'100%'
});
$('.thumb img').css({
marginLeft:-(($('.thumb img').width()-$('.thumb').width())/2)
});
}
Se eu tenho penas uma imagem, ele calcula bem, mas quando tenho imagens de tamanhos diferentes ele encontra um bug. Queria saber se há uma forma de eu executar essa função a cada vez que encontrar uma div
com a class .thumb
, pois assim posso tratar imagem por imagem e estruturar elas dentro das suas div's específicas.