2011-11-18 62 views
1

我正在开发一个网络系统进行培训,并且培训师可以通过使用增加屏幕大小的css3属性进行缩放来显示内容。全屏网页演示文稿

我想要实现的是一个PowerPoint风格的演示文稿,它填满了屏幕。问题是我的网页可能是HTML,Flash,图像或音频的组合,甚至一次可能有4个。

我该如何做到这一点?我的一个想法是创建一个网页内容的图像,并将其附加到一个Flash并将其全屏显示。有没有更好的解决方案,或者一些软件或其他?

在此先感谢您的帮助。

编辑

我知道浏览器具备的功能可全屏显示,但我想要做的就是把网页的一部分(因为页面是菜单,工具栏等)那是一个div。

+0

也许打F11键? –

+0

按F11键使用浏览器的Kiosk模式? – vcsjones

回答

0

大多数浏览器支持推动F11进入全屏模式....

+0

我打算说这个,但认为这太明显了 –

0

大多数Web浏览器有一个全屏模式 - 打F11在Windows机器上使用Internet Explorer或Firefox中,他们将进入全屏模式。点击转义退出全屏。

您也可以考虑使用S5(http://meyerweb.com/eric/tools/s5/)来制作基于HTML的演示文稿。

祝你好运!

+0

你的澄清使我对它不太清楚。请仔细考虑它是你想要做的,那么我们可以帮助你。 – michaelward82

0

在我看来,最好让用户来控制它。 F11适用于所有浏览器(我知道)可以全屏开启和关闭。

HTH

2

HTML5全屏API: http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/

// mozilla proposal 
element.requestFullScreen(); 
document.cancelFullScreen(); 

// Webkit (works in Safari and Chrome Canary) 
element.webkitRequestFullScreen(); 
document.webkitCancelFullScreen(); 

// Firefox (works in nightly) 
element.mozRequestFullScreen(); 
document.mozCancelFullScreen(); 

// W3C Proposal 
element.requestFullscreen(); 
document.exitFullscreen(); 

此外,检查出这种用于制作演示文稿与HTML5: http://slides.html5rocks.com/#landing-slide