Есть ли способ создать полноэкранную галерею на iPhone через Safari?
Я создавал CSS/Javascript, чтобы по-разному оформлять предстоящий сайт на iPhone - в основном для повышения удобства использования. В настольном приложении я использую slimbox в сочетании с mootools для галереи изображений. Это не работает на iPhone, потому что не будет отображать изображение в полноэкранном режиме (мешает Safari Chrome). Решение, которое у меня есть на данный момент, состоит в том, чтобы отображать ссылки на изображения.
Мне было интересно, есть ли какой-нибудь способ для отображения изображений в полноэкранном режиме через Mobile Safari - например, App Store и Photos.app. Кто-нибудь нашел такое решение?
2 ответа
Вы, вероятно, уже знаете это - но вы можете избавиться от адресной строки с помощью: document.body.onload = function(){setTimeout("window.scrollTo(0,1);",100);};
Чтобы еще больше создать иллюзию собственного приложения, вы можете отключить прокрутку: document.body.ontouchmove = function(e){e.preventDefault();};
Существует метатег, поддерживающий apple-mobile-web-app, который вы можете использовать для запуска мобильного сафари в полноэкранном режиме. Имейте в виду, что для того, чтобы он работал, пользователю необходимо добавить веб-закладку на свой домашний экран, и все ссылки, по которым он щелкает, отправляются на обычное мобильное Safari, которое открывается как новое приложение.