Fullscreen HTML website maken

Status
Niet open voor verdere reacties.
gekkebek444

gekkebek444

Gebruiker
Lid geworden
2 aug 2006
Berichten
30
hallo allemaal :)

Ik ben momenteel met een website bezig die fullscreen moet worden, hiermee bedoel ik helemaal GEEN balkjes van de browser of van windows... er moet dus enkel en alleen de website op het scherm staan.
Een mooi voorbeeld is de fullscreen functie bij youtube of musiqlub.

Weet iemand een script om dit voorelkaar te krijgen? en is dit mogelijk met HTML?

heel erg bedankt :rolleyes:
 
Laatst bewerkt:
Nee, dat is niet mogelijk met HTML.

Met flash is het wel mogelijk.
 
Mogen we anders zelf bepalen hoe de site weergegeven wordt? Meestal scoor je geen punten met het full-screen weergeven van een website, en zijn je bezoekers weer heel snel weg.
 
Hier is je script

6 seconden Google :thumb: Getest en het werkt

PHP: 
<!-- TWO STEPS TO INSTALL FULL SCREEN WINDOW:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Paul Deron (trombonepaul@yahoo.com) -->
<!-- Web Site:  http://paul1.web.com -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function fullScreen(theURL) {
window.open(theURL, '', 'fullscreen=yes, scrollbars=auto');
}
//  End -->
</script>
</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<a href="javascript:void(0);" onClick="fullScreen('full-screen.html');">Open Full Screen Window</a>

<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size:  0.86 KB -->
 
Ten eerste:

Dit is geen fullscreen webpagina, dit is een ordinaire popup.

Ten tweede:

Nu moet de gebruiker nog een keer extra klikken om de website daadwerkelijk te openen om zich daarna kapot te ergeren aan het fullscreen zijn van de website.

Ten derde:

Als je het automatisch wilt laten gebeuren (body onload="" o.i.d.) dan wordt ie waarschijnlijk geblokkeerd door de popup blokker in je browser.
 
En ik heb hem zelf ook even getest en hij is alleen in IE fullscreen.

In FF heb je nog steeds gewoon een adresbalk en je taakbalk en dergelijke blijven ook gewoon zichtbaar...

In Safari krijg je gewoon een popup die niet eens ongeveer de afmetingen van je scherm aanneemt

In Opera krijg je een eenvoudig tabblad.

Zeker met het steeds kleiner wordende aandeel van IE moet je ernstig rekening houden met de weergave van websites in met name FF maar ook Safari en in mindere mate Opera.

Mijn advies, gebruik deze code NIET. Zoals SVU al zei moet je in ieder geval de gebruiker laten kiezen of hij/zij een pagina fullscreen wil bekijken en als je het doet, dan moet het ook in alle browsers kunnen en dat is met deze code absoluut niet het geval. Daarnaast is er als je de popup opent in IE ook geen sluitknop voor het venster meer aanwezig. Dat kan een minder ervaren of bedreven computer gebruiker erg afschrikken. Zo gauw het scherm dan weg is, is diegene er blij van en opent de link niet weer. Dat is mijn theorie. Uiteraard moet je het zelf weten.
 
eeyk zei:
Hier is je script

6 seconden Google :thumb: Getest en het werkt

PHP: 
<!-- TWO STEPS TO INSTALL FULL SCREEN WINDOW:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Paul Deron (trombonepaul@yahoo.com) -->
<!-- Web Site:  http://paul1.web.com -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function fullScreen(theURL) {
window.open(theURL, '', 'fullscreen=yes, scrollbars=auto');
}
//  End -->
</script>
</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<a href="javascript:void(0);" onClick="fullScreen('full-screen.html');">Open Full Screen Window</a>

<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size:  0.86 KB -->
Klik om te vergroten...

dit is een popup, niet echt wat ik zoek... toch bedankt :P
Ik heb zelf nog even rondgesnuffelt op google maar kan weinig vinden, alleen met flash
Wel prachtige website :P http://www.neteye.de/
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan