Afbeelding fullscreen plaatsen

[gibsonneke]

Hoe kan ik een afbeelding echt volledig op het gehele scherm plaatsen? (zonder enige vorm van witte boorden, balken, ...)

Mijn browser staat fullscreen (firefox 3.5) en ik doe nu met een javascript:
breedte van de afbeelding = image.width
hoogte van de afbeelding = image.height

Maar dan krijg ik van die lastige balken zodoende moet ik mijn afbeelding wat verkleinen maar dan krijg ik die nooit fullscreen zonder last te hebben van schuifbalken.

Iemand enig idee hoe ik het moet aanpakken?

 

[That Guy]

ehm, je bedoelt helemaal de breedte en hoogte van het scherm? Iets van:

<img src='plaatje.jpg' alt='plaatje' id='image' />

//js

var the_image = document.getElementById('image');

the_image.style.width = '100%';
the_image.style.height = '100%';

:thumb:

 

[gibsonneke]

ehm, je bedoelt helemaal de breedte en hoogte van het scherm? Iets van:

<img src='plaatje.jpg' alt='plaatje' id='image' />

//js

var the_image = document.getElementById('image');

the_image.style.width = '100%';
the_image.style.height = '100%';

:thumb:

zo heb ik het nog niet geprobeerd, ik doe dit dadelijk

 

[gibsonneke]

zo heb ik het nog niet geprobeerd, ik doe dit dadelijk

jammer genoeg lukt het niet op die manier, ik krijg dan van die vervelende scrollbalken

 

[That Guy]

zet dit in de head (of bij je andere styles, mocht je die hebben):

<style>
body{
   overflow: hidden;
}
}</style>

:thumb:

 

[gibsonneke]

zet dit in de head (of bij je andere styles, mocht je die hebben):

<style>
body{
   overflow: hidden;
}
}</style>

:thumb:

ok bedankt, nu lukt het wel