wie berechnet man, ob ein Bild Quer- oder Hochformat ist

Question

Ich erstelle eine Bildergalerie mit jquery. Gibt es Möglichkeiten zu berechnen, ob ein Bild mit jQuery im Querformat oder im Hochformat ist?

Vielen Dank für Ihre Unterstützung.

Answer 1

Sie können Breite und Höhe des Bildes einfach vergleichen.

var someImg = $("#someId"); 
if (someImg.width() > someImg.height()){ 
    //it's a landscape 
} else if (someImg.width() < someImg.height()){ 
    //it's a portrait 
} else { 
    //image width and height are equal, therefore it is square. 
} 

Answer 2

Below JavaScript-Funktion wird die am besten geeignete Ausrichtung

function get_orientation(src){ 

img = new Image(); 
img.src = src; 
var width = img.width; 
var height = img.height; 
height = height + height // Double the height to get best 
//height = height + (height/2) // Increase height by 50% 

if(width > height) { 
return "landscape"; 
} else { 
return "portrait"; 
} 

} 

Answer 3

Das ist für mich gearbeitet zurückkehren, um die natürliche Höhe/Breite unter Verwendung der ursprünglichen Eigenschaften zu erhalten.

 function imageOrientation(src) { 

      var orientation, 
      img = new Image(); 
      img.src = src; 

      if (img.naturalWidth > img.naturalHeight) { 
       orientation = 'landscape'; 
      } else if (img.naturalWidth < img.naturalHeight) { 
       orientation = 'portrait'; 
      } else { 
       orientation = 'even'; 
      } 

      return orientation; 

     }