Я хочу условно изменить то, что пользователь видит на веб-сайте фотогалереи, который я собираюсь создать на основе того, используется ли устройство для просмотра сайта в вертикальном или вертикальном или горизонтальном/горизонтальном режимах. Это возможно?Могу ли я определить, находится ли устройство в портретном или ландшафтном режиме с помощью jquery?
Попробуйте обработчик события orientationchange, что-то вроде этого:
$(window).bind("orientationchange", function(evt){
alert(evt.orientation);
});
Вот jQuery Mobile entry на обнаружение и обжиг orientationchange события.
Извините, я ошибся. Исправлено это для evor.orientation. – Abbas
Если вы просто меняете макет, вместо этого рассмотрите CSS Media Queries.
В Chrome 7 и Firefox 3.6 есть deviceorientation event, который вы можете прослушать.
В ответ на ваш комментарий простой способ обнаружения таблеток и телефонов - определить разрешение и размер экрана. Таблетки обычно имеют более высокое разрешение дисплея, чем телефоны. Медиапрограммы могут определять эти факторы.
Что касается вариантов планшетного телефона
Если устройство представляет собой телефон, вы можете переключать CSS с помощью медиа запросов на основе ориентации устройства.
Если устройство представляет собой планшет, вы можете переключать CSS с помощью JS с использованием переключения id тела/класса или путем замены таблиц стилей.
Этот предыдущий ответ может помочь: [ссылка] (http://stackoverflow.com/questions/4917664/detect-viewport-orientation-if-orientation-is-portrait-display-alert-message-ad) – mconlin
Все хорошие ответы; Я не уверен, какой из них предпочитает. На самом деле, мне также нужно знать, является ли устройство «телефоном» или нет. Вот метод моего безумия: у меня будет два «взгляда» - один с вертикальными миниатюрами и полноразмерными фотографиями, а другой с пейзажными эскизами и полноразмерными фотографиями. Если устройство является телефоном, я хочу, чтобы он переключался между этими режимами на основе ориентации. Для более крупного устройства (например, ноутбука или рабочего стола) я хочу разрешить пользователю явно выбирать, какие изображения ориентации они хотят видеть. –