adapter une animation javascript au navigateur IE
bonjour
le problème est connu depuis le titre de discutions alors j vous mettre le code de mon animation qui utilise la bibliothèque gerard1head.js.
comment l'adapter SVP avec le navigateur IE
le code tres simple et facil a comprendre :
Code:
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
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>aniimation1 </title>
<style type="text/css">
#screen span {
position:absolute;
overflow:hidden;
border:#FFF solid 1px;
background:#FFF;
}
#screen img{
position:absolute;
left:-32px;
top:-32px;
cursor: pointer;
}
</style>
<script type="text/javascript" src="images/gerard1head.js"></script>
</head>
<body>
<div style="position: absolute; left: 50%; top: 40%;">
<div id="border" style="border: 1px solid rgb(85, 85, 85); background: rgb(0, 0, 0) none repeat scroll 0% 0%; position: absolute; width: 440px; height: 340px; left: -220px; top: -170px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
</div>
<div id="screen" style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; position: absolute; width: 400px; height: 300px; left: -200px; top: -150px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
<span style="left: 0px; top: 0px; width: 93px; height: 68px; z-index: 93;">
<img style="left: -11px; top: -9px;" src="images/im2.jpg" alt="" width="320" height="240"></span>
<span style="left: 0px; top: 78px; width: 93px; height: 68px; z-index: 93;">
<img style="left: -11px; top: -9px;" src="images/im1.jpg" alt=""></span>
<span style="left: 0px; top: 155px; width: 93px; height: 68px; z-index: 93;">
<img style="left: -11px; top: -9px;" src="images/im3.jpg" alt=""></span>
<span style="left: 0px; top: 233px; width: 93px; height: 68px; z-index: 93;">
<img style="left: -11px; top: -9px;" src="images/im4.jpg" alt=""></span>
<span style="left: 103px; top: 0px; width: 93px; height: 68px; z-index: 93;">
<img style="left: -11px; top: -9px;" src="images/im5.jpg" alt=""></span>
<span style="left: 103px; top: 78px; width: 93px; height: 68px; z-index: 93;">
<img style="left: -11px; top: -9px;" src="images/im1.jpg" alt=""></span>
<span style="left: 89px; top: 145px; width: 120px; height: 88px; z-index: 120;">
<img style="left: -11px; top: -9px;" src="images/im7.jpg" alt=""></span>
<span style="left: 103px; top: 233px; width: 93px; height: 68px; z-index: 93;">
<img style="left: -11px; top: -9px;" src="images/im9.jpg" alt=""></span>
<span style="left: 205px; top: 0px; width: 93px; height: 68px; z-index: 93;">
<img style="left: -11px; top: -9px;" src="images/im8.jpg" alt=""></span>
<span style="left: 205px; top: 78px; width: 93px; height: 68px; z-index: 93;">
<img style="left: -11px; top: -9px;" src="images/im10.jpg" alt=""></span>
<span style="left: 205px; top: 155px; width: 93px; height: 68px; z-index: 93;">
<img style="left: -11px; top: -9px;" src="images/im11.jpg" alt=""></span>
<span style="left: 205px; top: 233px; width: 93px; height: 68px; z-index: 93;">
<img style="left: -11px; top: -9px;" src="images/im12.jpg" alt=""></span>
<span style="left: 308px; top: 0px; width: 93px; height: 68px; z-index: 93;">
<img style="left: -11px; top: -9px;" src="images/im13.jpg" alt=""></span>
<span style="left: 308px; top: 78px; width: 93px; height: 68px; z-index: 93;">
<img style="left: -11px; top: -9px;" src="images/im14.jpg" alt=""></span>
<span style="left: 308px; top: 155px; width: 93px; height: 68px; z-index: 93;">
<img style="left: -11px; top: -9px;" src="images/im15.jpg" alt=""></span>
<span style="left: 308px; top: 233px; width: 93px; height: 68px; z-index: 93;">
<img style="left: -11px; top: -9px;" src="images/im16.jpg" alt=""></span>
</div>
<script type="text/javascript"><!--
// starter
load();
//-->
</script>
</body>
</html> |
