Is there a way to create a full screen gallery on iPhone via Safari?
I created CSS / Javascript to make the site look different from the iPhone - mainly to improve usability. On a desktop application, I am using slimbox in combination with mootools for an image gallery. It doesn't work on iPhone because it won't show full screen image (safari chrome gets in the way). The solution I have at the moment is just displaying image links.
I was wondering if there is a way to show images full screen via Mobile Safari - for example in the App Store and Photos.app. Has anyone found such a solution?
source to share
You probably already know this, but you can get rid of the address bar: document.body.onload = function () {setTimeout ("window.scrollTo (0,1);", 100);};
To create the illusion of a native application, you can disable scrolling: document.body.ontouchmove = function (e) {e.preventDefault ();};
source to share
There is a meta tag, apple-mobile-web-app-able , which you can use to launch mobile safari in full screen mode.Keep in mind that the user needs to add a web bookmark to their home screen for it to work, and any links they click on are sent to regular mobile Safari, which opens as a new app.
source to share