adapter une animation javascript au navigateur IE

**bouzakher** · 05/02/2009, 10h48

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 :

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
<!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>