find image orientation in jquery?

find image orientation in jquery?

I'm currently using

I'm currently using

jQuery(document).ready(function() {

jQuery("img").each(function() {

    // Calculate aspect ratio and store it in HTML data- attribute
    var aspectRatio = jQuery(this).width()/jQuery(this).height();
    jQuery(this).data("aspect-ratio", aspectRatio);
           // Conditional statement

    if(aspectRatio > 1) {
        // Image is landscape

        jQuery( this ).addClass( "landscape" );

    } else if (aspectRatio < 1) {
        // Image is portrait
        jQuery( this ).addClass( "portrait" );;
    } else {
        // Image is square
        jQuery( this ).addClass( "square" );;            
    }
});

});

but it's just returning landscape every time.

All I want to do is have a class for portrait images so I can use CSS to make them 50% width and side-by-side, whilst the landscape images are 100% width.


Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

Brave, Chrome, Firefox, Opera or Edge: Which is Better and Faster?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

Understand and Use JavaScript's .forEach() vs. jQuery's .each()

There are two functions to deal with an array on the client-side – JavaScript's .forEach() and jQuery's .each(). Here, I will teach you how to use both of these methods with some sample code.

jQuery vs Vanilla JavaScript - Beau teaches JavaScript

When should you use jQuery instead of vanilla JavaScript? Is jQuery still relevant? What is jQuery good for? jQuery vs vanilla JavaScript - Beau teaches JavaScript

3 JavaScript libraries to replace jQuery

Ubiquitous jQuery has been outmoded by JavaScript and browser advances. Cash, Zepto, and Syncfusion are three JavaScript libraries picking up where jQuery left off