更改媒體刷新圖像大小與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 landsace和potratie

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'); 
}