web-dev-qa-db-ja.com

画像が横向きか縦向きかを計算する方法

Jqueryで画像ギャラリーを作成しています。 jqueryを使用して画像が横向きか縦向きかを計算する可能性はありますか？

ご協力ありがとうございました。

jqueryimage-gallery
11
geovani075

画像の幅と高さを簡単に比較できます。

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.
}
27
Martyn

これは、元のプロパティを取得するために自然な高さ/幅を使用して、私にとってはうまくいきました。

       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;

        }
3
Darren Street

以下のjavascript関数は、最適な方向を返します

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";
}

}
2
Navneet Singh