javascript - jqueryでメディアリフレッシュ画像のサイズを変更する

Question

function getItemWidth(){
    var slide_wi = 976;

    var window_width = $(window).width();

    if(window_width < 350){
        slide_wi = 300;
    }else if(window_width <= 568){
        slide_wi = 458;
    }else if(window_width <= 800){
        slide_wi = 746;
    }else if(window_width >= 1152){
        slide_wi = 976;
    }
    return slide_wi;
} ;

このサイズの問題は、元のメディアの変更を拒否しません。iphoneランドスエースとポトラティエ

Answer 1

使用機能onorientationchange

window.onorientationchange  = function(){
    //Your Code 
}

landscape modeまたはを検出するpotrait modeには、これを試すことができます

var screenWidth = window.innerWidth;
var screenHeight = window.innerHeight;
if(screenWidth>screenHeight)
{
    alert('landscape mode');
}
else
{
    alert('potrait mode');
}