Image qui prend la totalité de l'écran (fenêtre cachée)
Résolu
Bonjour,
Je souhaite faire une page où une image, plus exactement un GIF, remplisse la totalité de l'écran (barres du navigateur, etc... disparaissant sous l'image).
je suppose qu'il faut passer par du javascript mais je ne sais pas comment m'y prendre.
J'utilise dreamweaver, donc ce serait super s'il y avait une solution avec!
En attendant impatiemment votre aide!
Merci d'avance,
Marionette
Je souhaite faire une page où une image, plus exactement un GIF, remplisse la totalité de l'écran (barres du navigateur, etc... disparaissant sous l'image).
je suppose qu'il faut passer par du javascript mais je ne sais pas comment m'y prendre.
J'utilise dreamweaver, donc ce serait super s'il y avait une solution avec!
En attendant impatiemment votre aide!
Merci d'avance,
Marionette
7 réponses
-
ok!!! effectivement j'avais pas compris, ^^
Merci beaucoup pour ton aide, c'est nikel!!!
:-)-
-
Re, désolée mais en fait je suis pas entièrement satisfaite!
J'ai bien mon image en plein écran, mais elle ne prend pas la totalité de l'écran,
la barre des taches et la barre du navigateur sont toujours visibles...et je voudrais vraiment avoir un écran entièrement recouvert par l'image...
J'attends donc impatiemment votre aide!
Merci -
Si tu veux que ton image recouvre vraiment entièrement l'écran, il faut que tu te penches sur le Javascript.
En faisant un script qui détecte la taille "height" et "width".
Ensuite, tu prends les résultats et tu fabriques ta nouvelle fenêtre avec height = valeur relevée et pareil pour height ( en oubliant pas de mettre top = 0 et left = 0 ) -
-
-
-
Salut
window.open("https://www.google.com/?gws_rd=ssl","","fullscreen=yes");
ouwindow.open("https://www.google.com/?gws_rd=ssl","","fullscreen=1");
et pour IE :var WShell = new ActiveXObject("Wscript.shell"); WShell.SendKeys("{F11}");-
-
@marionette48comment çà ?
-
-
et bien je n'y connais pas grand chose alors peut-être j'ai pas vraiment compris,
mais ce code me semble vouloir dire: "quand telle fenêtre s'ouvre (google), passer en plein écran); j'aimerais si c'est possible, que ce soit l'image qui submerge la page, et non la page qui s'étende. Désolée, ne suis peut-être pas très claire... ^^
Merci-
non, pas tout à fait.
Si, par exemple, tu as une page qui s'appelle "test.html", et que tu mets :
<script>window.open("https://www.google.com/?gws_rd=ssl","","fullscreen=yes");</script>
dans le <body> de la page, quand tu lanceras "test.html", une autre fenêtre s'ouvrira automatiquement en plein écran avec Google.
La nouvelle fenêtre sera en plein écran, et au dessus de "test.html".
-
-
ContributeurBonjour tou(te)s
Pour cacher la barre des tâches il faut employer une API mais je pense que Java ne le fait pas ?
A+
Si tu te cognes à un pot et que ça sonne creux, c'est pas forcément le pot qui est vide. ;-)(Confucius)
NOTE : Je ne répond pas aux MP pour les questions techniques. -
ContributeurRe,
mais je pense que Java ne le fait pas ?
J'ai un peu cherché et bien.. je pensais mal..
Mais je ne connais rien en java, cherche un peu du côté de l'API FindWindow ()
Je sais rien dire de plus.
A+
-
en fait c'est bon j'ai trouvé!!!!
Pour ceux qu ça intéresse, voici la solution pour chrome firefox safari :
http://www.sitepoint.com/html5-full-screen-api/
Par contre ça ne marche pas pour internet explorer, il faut donc envoyer un faux bouton F11 pour IE.
Merci quand même!-
-
-
voici mon code pour le moment si ça peut aider:
<title>underscreen</title>
<style>
*
{
padding: 0;
margin: 0;
}
html, body
{
height: 100%;
}
body
{
margin: 0px;
}
section
{
display: 100%;
float: none;
height:100%
width: 100%;
padding: 0px;
margin: 0;
border: 0px ;
cursor: pointer;
}
section img
{
height: 100%;
width: 100%;
}
section:-webkit-full-screen
{
float: none;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: 0 none;
background-color: #f00;
}
section:-moz-full-screen
{
float: none;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: 0 none;
}
section:-ms-full-screen
{
float: none;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: 0 none;
}
section:-o-full-screen
{
float: none;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: 0 none;
}
section:full-screen
{
float: none;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: 0 none;
}
</style>
</head>
<body>
<section id="fullscreen">
<img src="animation mac.gif" />
</section>
<script>
var e = document.getElementById("fullscreen");
e.onclick = function() {
if (RunPrefixMethod(document, "FullScreen") || RunPrefixMethod(document, "IsFullScreen")) {
RunPrefixMethod(document, "CancelFullScreen");
}
else {
RunPrefixMethod(e, "RequestFullScreen");
}
}
var pfx = ["webkit", "moz", "ms", "o", ""];
function RunPrefixMethod(obj, method) {
var p = 0, m, t;
while (p < pfx.length && !obj[m]) {
m = method;
if (pfx[p] == "") {
m = m.substr(0,1).toLowerCase() + m.substr(1);
}
m = pfx[p] + m;
t = typeof obj[m];
if (t != "undefined") {
pfx = [pfx[p]];
return (t == "function" ? obj[m]() : obj[m]);
}
p++;
}
}
</script>
</body>
</html>
-
-
bien, comme l'api hmtl5 ne peut pas être combinée avec un faux bouton f11 pourr IE, je me suis rabattue sur une solution avec flash, merci pour votre aide
