Skip to main content
se eliminaron 10 caracteres en el cuerpo
Origen Enlace

Eso es porque estás tomando erróneamente el alto. Según esto: var imgHeight = $(".wrapper-img img").height();, imgHeight va a ser siempre de la altura del primero. Eso es debido a que vuelves a seleccionar todos los elementos con esa clase y siempre devuelve la misma lista. Lo correcto sería esto

$(".text-overlap-img .wrapper-img").each(function(){

var imgHeight = $(this).find('img').height();

$(".wrapper-img"this).css({'height' : imgHeight });
});

Eso es porque estás tomando erróneamente el alto. Según esto: var imgHeight = $(".wrapper-img img").height();, imgHeight va a ser siempre de la altura del primero. Eso es debido a que vuelves a seleccionar todos los elementos con esa clase y siempre devuelve la misma lista. Lo correcto sería esto

$(".text-overlap-img .wrapper-img").each(function(){

var imgHeight = $(this).find('img').height();

$(".wrapper-img").css({'height' : imgHeight });
});

Eso es porque estás tomando erróneamente el alto. Según esto: var imgHeight = $(".wrapper-img img").height();, imgHeight va a ser siempre de la altura del primero. Eso es debido a que vuelves a seleccionar todos los elementos con esa clase y siempre devuelve la misma lista. Lo correcto sería esto

$(".text-overlap-img .wrapper-img").each(function(){

var imgHeight = $(this).find('img').height();

$(this).css({'height' : imgHeight });
});
se eliminaron 4 caracteres en el cuerpo
Origen Enlace

Eso es porque estás tomando erróneamente el alto. Según esto: var imgHeight = $(".wrapper-img img").height();, imgHeight va a ser siempre de la altura del primero. Eso es debido a que vuelves a seleccionar todos los elementos con esa clase y siempre devuelve la misma lista. Lo correcto sería esto

$(".text-overlap-img .wrapper-img").each(function(){

var imgHeight = $(this).childrenfind('img').height();

$(".wrapper-img img").css({'height' : imgHeight });
});

Eso es porque estás tomando erróneamente el alto. Según esto: var imgHeight = $(".wrapper-img img").height();, imgHeight va a ser siempre de la altura del primero. Eso es debido a que vuelves a seleccionar todos los elementos con esa clase y siempre devuelve la misma lista. Lo correcto sería esto

$(".text-overlap-img .wrapper-img").each(function(){

var imgHeight = $(this).children('img').height();

$(".wrapper-img img").css({'height' : imgHeight });
});

Eso es porque estás tomando erróneamente el alto. Según esto: var imgHeight = $(".wrapper-img img").height();, imgHeight va a ser siempre de la altura del primero. Eso es debido a que vuelves a seleccionar todos los elementos con esa clase y siempre devuelve la misma lista. Lo correcto sería esto

$(".text-overlap-img .wrapper-img").each(function(){

var imgHeight = $(this).find('img').height();

$(".wrapper-img").css({'height' : imgHeight });
});
Origen Enlace

Eso es porque estás tomando erróneamente el alto. Según esto: var imgHeight = $(".wrapper-img img").height();, imgHeight va a ser siempre de la altura del primero. Eso es debido a que vuelves a seleccionar todos los elementos con esa clase y siempre devuelve la misma lista. Lo correcto sería esto

$(".text-overlap-img .wrapper-img").each(function(){

var imgHeight = $(this).children('img').height();

$(".wrapper-img img").css({'height' : imgHeight });
});