Jquery: Picking height () or width () does not work with many elements

1

I have a catalog that displays more than 400 products on the same page (it has to be this way) with two arrows showing the dimension (height and width) that takes the measurements of the image and applies an inline CSS with the same values, for the arrows to be the same size as the image. In Firefox all arrows take the measurements, but in Chrome, the last products (page 64 and others) are left with the small arrows, as if they had not taken the values of the image. I linked to the upload and applied a setTimeout () but it did not work even though I changed the delay to 20000, 30000 or 0 alike.

Url: link

Code:

setTimeout(function(){jQuery(".catalogo .container main .pag .pag-cont-padrao .item .box img").html(function(){
    var get_id_img = $(this).attr("title");
    var get_height_img = $(this).height();
    var get_width_img = $(this).width();
    jQuery(".catalogo .pag .item .dim-ver #dim-ver-"+get_id_img).css({ "height": +get_height_img+"px" });
    jQuery(".catalogo .pag .item #dim-hor-"+get_id_img).css({ "width": +get_width_img+"px", "min-width":"20px" });
}, 0)});
    
asked by anonymous 04.10.2017 / 18:31

0 answers