有没有办法通过Safari在iPhone上创建全屏画廊?

时间:2008-12-10 19:39:38

标签: iphone mootools image-gallery mobile-safari slimbox

我一直在创建CSS / Javascript,以便在iPhone上以不同方式设置即将推出的网站 - 主要是为了增强可用性。在桌面应用中,我将slimbox与mootools结合使用,用于图片库。这在iPhone上不起作用,因为它不会全屏显示图像(safari chrome阻碍了)。我目前的解决方案就是显示图像链接。

我想知道是否有办法通过Mobile Safari全屏显示图像 - 比如App Store和Photos.app。有人找到了这样的解决方案吗?

2 个答案:

答案 0 :(得分:1)

您可能已经知道这一点 - 但您可以通过以下方式摆脱地址栏: document.body.onload = function(){setTimeout(“window.scrollTo(0,1);”,100);};

要创建本机应用程序的错觉,您可以禁用滚动: document.body.ontouchmove = function(e){e.preventDefault();};

答案 1 :(得分:0)

您可以使用元标记apple-mobile-web-app-capable以全屏模式启动移动版Safari。请记住,虽然用户需要在其主屏幕上添加网络书签才能使其正常工作,并且他们点击的任何链接都会发送到常规移动版Safari,后者将作为新应用程序打开。