Existe-t-il un moyen de créer une galerie en plein écran sur iPhone via Safari?

Question

J'ai créé CSS/Javascript pour styliser un site à venir différemment sur iPhone - principalement pour améliorer la convivialité. Sur l'application de bureau, j'utilise slimbox en combinaison avec mootools pour une galerie d'images. Cela ne fonctionne pas sur l'iPhone car il ne montrera pas l'image en plein écran (le chrome de safari se met en travers). La solution que j'ai pour le moment est juste d'afficher des liens d'image. Je me demandais s'il y avait un moyen d'afficher des images en plein écran via Mobile Safari - comme l'App Store et Photos.app. Quelqu'un a trouvé une telle solution?

Answer 1

Il existe une balise meta, apple-mobile-web-app-capable, que vous pouvez utiliser pour lancer un safari mobile en mode plein écran. Gardez à l'esprit que l'utilisateur doit ajouter un signet Web à son écran d'accueil pour qu'il fonctionne, et tous les liens sur lesquels il clique sont envoyés à Safari mobile standard, qui s'ouvre en tant que nouvelle application.

Answer 2

Vous le savez probablement déjà - mais vous pouvez vous débarrasser de la barre d'adresse avec: document.body.onload = function() {setTimeout ("window.scrollTo (0,1);", 100);} ;

Pour créer encore plus l'illusion d'une application native, vous pouvez désactiver le défilement: document.body.ontouchmove = function (e) {e.preventDefault();};