come calcolare se un'immagine è orizzontale o verticale

Question

Sto creando una galleria di immagini con jquery. C'è qualche possibilità di calcolare se un'immagine è orizzontale o verticale usando jquery?

Grazie per il vostro supporto.

Answer 1

È possibile confrontare semplicemente la larghezza e l'altezza dell'immagine.

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

Sotto funzione javascript restituirà l'orientamento più adatto

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

Questo ha funzionato per me, utilizzando la naturale altezza/larghezza per ottenere le proprietà originali.

 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; 

     }