Image qui prend la totalité de l'écran (fenêtre cachée)

Résolu/Fermé
marionette48 Messages postés 147 Date d'inscription vendredi 2 octobre 2009 Statut Membre Dernière intervention 5 janvier 2017 - 9 oct. 2012 à 13:54
marionette48 Messages postés 147 Date d'inscription vendredi 2 octobre 2009 Statut Membre Dernière intervention 5 janvier 2017 - 17 oct. 2012 à 18:30
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


A voir également:

7 réponses

marionette48 Messages postés 147 Date d'inscription vendredi 2 octobre 2009 Statut Membre Dernière intervention 5 janvier 2017 10
9 oct. 2012 à 15:17
ok!!! effectivement j'avais pas compris, ^^
Merci beaucoup pour ton aide, c'est nikel!!!

:-)
1
Utilisateur anonyme
9 oct. 2012 à 15:18
OK si c'est bon, n'hésites pas à passer le post en "résolu".

Merci
0
marionette48 Messages postés 147 Date d'inscription vendredi 2 octobre 2009 Statut Membre Dernière intervention 5 janvier 2017 10
11 oct. 2012 à 19:24
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
0
Utilisateur anonyme
11 oct. 2012 à 21:31
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 )
0
marionette48
12 oct. 2012 à 01:07
ok!! merci beaucoup, je vais voir ça!
0
marionette48 Messages postés 147 Date d'inscription vendredi 2 octobre 2009 Statut Membre Dernière intervention 5 janvier 2017 10
12 oct. 2012 à 14:00
bon alors j'ai essayé, mais ça na marche pas! La barre des tâches est toujours visible...merci de m'aider!
0
Utilisateur anonyme
9 oct. 2012 à 14:40
Salut

window.open("https://www.google.com/?gws_rd=ssl","","fullscreen=yes");

ou
window.open("https://www.google.com/?gws_rd=ssl","","fullscreen=1");

et pour IE :
var WShell = new ActiveXObject("Wscript.shell"); 
WShell.SendKeys("{F11}");
0
marionette48 Messages postés 147 Date d'inscription vendredi 2 octobre 2009 Statut Membre Dernière intervention 5 janvier 2017 10
9 oct. 2012 à 14:57
Ok merci!!
Je vais essayer ça!

s'il y a une solution pour ne pas dépendre d'une fenêtre,
je suis preneuse!

merci
0
Utilisateur anonyme > marionette48 Messages postés 147 Date d'inscription vendredi 2 octobre 2009 Statut Membre Dernière intervention 5 janvier 2017
9 oct. 2012 à 14:59
comment çà ?
0
marionette48 Messages postés 147 Date d'inscription vendredi 2 octobre 2009 Statut Membre Dernière intervention 5 janvier 2017 10
9 oct. 2012 à 15:10
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
0
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".
0
lermite222 Messages postés 8724 Date d'inscription dimanche 8 avril 2007 Statut Contributeur Dernière intervention 22 janvier 2020 1 191
Modifié par lermite222 le 13/10/2012 à 14:49
Bonjour 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.
0
marionette48 Messages postés 147 Date d'inscription vendredi 2 octobre 2009 Statut Membre Dernière intervention 5 janvier 2017 10
14 oct. 2012 à 12:42
Aïe, mis il doit bien y avoir un moyen! certaines publicités arrivent bien à le faire sans passer par une API....
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
lermite222 Messages postés 8724 Date d'inscription dimanche 8 avril 2007 Statut Contributeur Dernière intervention 22 janvier 2020 1 191
14 oct. 2012 à 23:56
Re,
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+
0
marionette48
15 oct. 2012 à 09:50
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!
0
marionette48 Messages postés 147 Date d'inscription vendredi 2 octobre 2009 Statut Membre Dernière intervention 5 janvier 2017 10
15 oct. 2012 à 11:17
Bon je suis vraiment noob en programmation, et malgré ce formidable tuto, je n'arrive pas
à faire de même... j'aurais vraiment besoin d'un coup de main pour savoir comment m'y prendre pour faire de même!!!!
Merci d'avance!
0
marionette48 Messages postés 147 Date d'inscription vendredi 2 octobre 2009 Statut Membre Dernière intervention 5 janvier 2017 10
15 oct. 2012 à 13:55
en fait j'ai réussi!! je cherche juste maintenant à ne pas avoir avoir besoin de cliquer pour passer en plein écran, donc peut-être en passant par windows.open, mais je ne sais pas comment l'intégrer pour que ça fonctionne!
merci de m'aider!!! c'est urgent!!!
0
marionette48 Messages postés 147 Date d'inscription vendredi 2 octobre 2009 Statut Membre Dernière intervention 5 janvier 2017 10
15 oct. 2012 à 14:13
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>
0
marionette48 Messages postés 147 Date d'inscription vendredi 2 octobre 2009 Statut Membre Dernière intervention 5 janvier 2017 10
17 oct. 2012 à 18:30
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
0