Image qui prend la totalité de l'écran (fenêtre cachée)
Résolu
marionette48
Messages postés
147
Date d'inscription
Statut
Membre
Dernière intervention
-
marionette48 Messages postés 147 Date d'inscription Statut Membre Dernière intervention -
marionette48 Messages postés 147 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Image qui prend la totalité de l'écran (fenêtre cachée)
- Copie cachée - Guide
- Fenetre cachée windows - Guide
- Double ecran - Guide
- Capture d'écran whatsapp - Accueil - Messagerie instantanée
- Comment retrouver une conversation cachée sur whatsapp - Guide
7 réponses
Salut
ou
et pour IE :
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}");
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
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".
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".
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.
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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+
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!
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>
<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>
Merci
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
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 )