Question

I’ve tried using $element.width() or $element.height() and both doesn’t seem to help for retrieving values of ajax loaded images. How can I get these with either jQuery or regular JS? The images have no settings in CSS.

Answer 1

When you load content, in your ajax success use something like this

var real_image_sizes = {};
$('your loaded images').one('load', function() {
    //get real image size
    real_image_sizes.width = this.width;   // Note: $(this).width() will not
    real_image_sizes.height = this.height; // work for in memory images.
}).each(function() {
    if(this.complete) $(this).load();
});