Changer la taille de l'image de rafraîchissement médias avec 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; 
} ; 

Le problème avec cette taille ne pas refuser changer le support par ex. iphone landsace et potratie

Answer 1

Utilisez la fonction onorientationchange

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

également pour détecter landscape mode ou potrait mode, vous pouvez essayer cette

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