Bonjour,

je cherche à avoir une image en écran total, j'ai donc suivi un tuto pour une API html5,
le problème c'est que j'aimerais pouvoir obtenir mon image en plein écran sans avoir besoin de cliquer... je suis débutante donc j'ai un peu de mal,

voici mon code pour le moment:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<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%;
 
}
 
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++;
        }
 
}
var WShell = new ActiveXObject("Wscript.shell"); 
WShell.SendKeys("{F11}");
 
</script>
</body>
</html>

Merci de m'aider c'est très urgent!!!