Bonjour ,

Je veux changer de script js en fonction de la resolution d'ecran c'est a dire :

Si la resolution  est superieure a 600px le fichier js sera app.js.

Si la resolution  est inferieure a 600px le fichier js sera appmobile.js.

Je doute que cela soit possible avec 2 fichiers .

Si cela n'st pas possible je veux le faire dans un fichier directement mon app.js je connais la propriete matchmedia mais elle ne marche pas mon code :

 
if (window.matchMedia("(min-width: 1200px)").matches) {

 $('.slider').slide({
   slidesToShow: 3,
   slidesToScroll: 3,
   asNavFor: '.slider-for',
  
 });
 }
 else {
  
 $('.slider').slide({
   slidesToShow: 2,
   slidesToScroll: 2,
   asNavFor: '.slider-for',
   
 
 });

}

Ce code ne marche pas lorsque je redimensionne mon navigateur.

-
Edité par Libelo 15 juin 2018 à 0:23:42

Bonjour,

pour exécuter du code js (avec jQuery) lors d'un redimensionnement de la fenêtre tu peux utiliser l'évènement "resize" :

$(window).on("resize", function () {
  //Ton code
})

Et en js pour dire, "lors du redimensionnement de la fenetre, si celle ci a une largeur supérieur à 600px, tu fais ça et si elle est inférieur a 600px tu fais ça" tu peux faire :

$(window).on("resize", function () {
    largeur = $(window).width(); //si tu veux la hauteur de la fenetre utilises .height()
    if (largeur > 600) {
        //ton code
    } else if (largeur <= 600) {
        //ton code
    }
}) 

Avec ça t'auras juste a exécuter le code que tu veux en fonction de la largeur/hauteur de la fenêtre. 

Clément