全屏網頁演示文稿

我正在開發一個網絡系統進行培訓，並且培訓師可以通過使用增加屏幕大小的css3屬性進行縮放來顯示內容。全屏網頁演示文稿

我想要實現的是一個PowerPoint風格的演示文稿，它填滿了屏幕。問題是我的網頁可能是HTML，Flash，圖像或音頻的組合，甚至一次可能有4個。

我該如何做到這一點？我的一個想法是創建一個網頁內容的圖像，並將其附加到一個Flash並將其全屏顯示。有沒有更好的解決方案，或者一些軟件或其他？

在此先感謝您的幫助。

編輯

我知道瀏覽器具備的功能可全屏顯示，但我想要做的就是把網頁的一部分（因爲頁面是菜單，工具欄等）那是一個div。

來源

2011-11-18 Argons

也許打F11鍵？ –

按F11鍵使用瀏覽器的Kiosk模式？ – vcsjones

大多數瀏覽器支持推動F11進入全屏模式....

來源

2011-11-18 16:56:53 NotMe

我打算說這個，但認爲這太明顯了 –

大多數Web瀏覽器有一個全屏模式 - 打F11在Windows機器上使用Internet Explorer或Firefox中，他們將進入全屏模式。點擊轉義退出全屏。

您也可以考慮使用S5（http://meyerweb.com/eric/tools/s5/）來製作基於HTML的演示文稿。

祝你好運！

來源

2011-11-18 16:59:11 michaelward82

你的澄清使我對它不太清楚。請仔細考慮它是你想要做的，那麼我們可以幫助你。 – michaelward82

在我看來，最好讓用戶來控制它。 F11適用於所有瀏覽器（我知道）可以全屏開啓和關閉。

HTH

來源

2011-11-18 16:59:24

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

來源

2011-11-18 17:08:50 Charlie

全屏網頁演示文稿

回答

相關問題