Puis-je déterminer si un appareil est en mode portrait ou paysage à l'aide de jquery?

Je veux conditionnellement modifier ce que l'utilisateur voit sur la photo de la galerie web site que je vais créer en fonction de si l'appareil utilisé pour afficher le site est en mode portrait/vertical vs paysage/mode horizontal/orientation. Est-ce possible?

Cette réponse précédente pourrait aider: link
Toutes les bonnes réponses; je ne suis pas sûr que l'on préférer encore. En fait, j'ai aussi besoin de savoir si l'appareil est un "téléphone" ou pas. Voici la méthode derrière ma folie: j'ai deux "points de vue" - l'un vertical avec des vignettes et des photos en taille réelle, l'autre avec le paysage et les vignettes et les photos en taille réelle. Si l'appareil est un téléphone, je le veux pour basculer entre les modes basés sur l'orientation. Pour un plus grand appareil (tel qu'un ordinateur portable ou de bureau), je veux permettre à l'utilisateur de choisir explicitement l'orientation qui photos qu'ils veulent voir.

OriginalL'auteur B. Clay Shannon | 2013-04-12

5

Essayer le orientationchange gestionnaire d'événement, quelque chose comme ceci:
```
$(window).bind("orientationchange", function(evt){
    alert(evt.orientation);
});
```
Voici la jQuery Mobile sur la détection et le déclenchement du orientationchange événement.

Désolé, j'ai fait une faute de frappe. Corrigé evt.de l'orientation.

OriginalL'auteur Abbas
1

Si vous êtes simplement en changeant la mise en page, pensez CSS Media Queries à la place.

En Chrome 7 et Firefox 3.6, il est le deviceorientation événement que vous pouvez écouter.

En réponse à votre commentaire, un moyen simple de détecter les tablettes et les téléphones à détecter la résolution de l'écran et de la taille. Les comprimés ont généralement des résolutions d'affichage que d'un téléphone. Les Requêtes de média peuvent déterminer ces facteurs.

Comme pour tablette-téléphone options
- Si votre appareil est un téléphone, vous pouvez activer /désactiver les CSS à l'aide des Requêtes de Média basé sur l'orientation de l'écran.
- Si l'appareil est d'un comprimé, vous pouvez activer /désactiver le CSS en utilisant JS en utilisant le corps et l'id de la commutation de classe ou en échangeant des feuilles de style.
OriginalL'auteur Joseph

Vous devez vous connecter pour publier un commentaire.