Bonjour,
Je vous soumet mon problème en éspérant que vous pourrez m'aider.
J'utilise MooTools et MooFlow pour tenter d'insérer une galerie d'image sympa dans une page web en injectant une liste d'image à l'aide de createElement.
Le problème est que sous FF le div contenant les images garde sa dimension en hauteur mais que sous IE cette dimension progresse avec le nombre d'image chargées.
Si je code:
L'affichage est correct dans les deux navigateurs.
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 <div id="MooFlow"> <a title="Agrandir" href="MooFlow/Gallerie/GrandesImages/MAR_0002.jpg"> <img src="MooFlow/Gallerie/PetitesImages/MAR_0002.jpg" title="MAR_0002.jpg" alt="Cloture2008.jpg" /> </a> <a title="Agrandir" href="MooFlow/Gallerie/GrandesImages/MAR_0003.jpg"> <img src="MooFlow/Gallerie/PetitesImages/MAR_0003.jpg" title="MAR_0003.jpg" alt="Cloture2008.jpg" /> </a> <a title="Agrandir" href="MooFlow/Gallerie/GrandesImages/MAR_0008.jpg"> <img src="MooFlow/Gallerie/PetitesImages/MAR_0008.jpg" title="MAR_0008.jpg" alt="Cloture2008.jpg" /> </a> <a title="Agrandir" href="MooFlow/Gallerie/GrandesImages/MAR_0009.jpg"> <img src="MooFlow/Gallerie/PetitesImages/MAR_0009.jpg" title="MAR_0009.jpg" alt="Cloture2008.jpg" /> </a> <a title="Agrandir" href="MooFlow/Gallerie/GrandesImages/MAR_0010.jpg"> <img src="MooFlow/Gallerie/PetitesImages/MAR_0010.jpg" title="MAR_0010.jpg" alt="Cloture2008.jpg" /> </a> <a title="Agrandir" href="MooFlow/Gallerie/GrandesImages/MAR_0011.jpg"> <img src="MooFlow/Gallerie/PetitesImages/MAR_0011.jpg" title="MAR_0011.jpg" alt="Cloture2008.jpg" /> </a> <a title="Agrandir" href="MooFlow/Gallerie/GrandesImages/MAR_0012.jpg"> <img src="MooFlow/Gallerie/PetitesImages/MAR_0012.jpg" title="MAR_0012.jpg" alt="Cloture2008.jpg" /> </a> <a title="Agrandir" href="MooFlow/Gallerie/GrandesImages/MAR_0013.jpg"> <img src="MooFlow/Gallerie/PetitesImages/MAR_0013.jpg" title="MAR_0013.jpg" alt="Cloture2008.jpg" /> </a> </div>
En revanche si je code:
L'affichage du div sous IE s'étend en hauteur.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <td align="center" width="100%" height="100%"> <div id="MooFlow"> </div> </td> <script type="text/javascript" src="MooFlow/jsMooFlow/ChargeImagesGalerie.js"></script>
Ci dessous le code du fichier js appelé.
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 var ListeImage = 'MAR_0002.jpg,MAR_0003.jpg,MAR_0008.jpg,MAR_0009.jpg,MAR_0010.jpg,MAR_0011.jpg,MAR_0012.jpg,' var i=0; var Depart = 0; var Fin = 0 var DivParent = document.getElementById("MooFlow"); while (Fin!=-1) { Fin = ListeImage.indexOf(",",Depart); if (Fin!=-1) { var NomImage = ListeImage.substring(Depart,Fin); var anchor = document.createElement("a"); var titleanchor = document.createAttribute("title"); titleanchor.nodeValue = "Agrandir"; var hrefanchor = document.createAttribute("href"); hrefanchor.nodeValue = "MooFlow/Gallerie/GrandesImages/"+NomImage; anchor.setAttributeNode(titleanchor); anchor.setAttributeNode(hrefanchor); DivParent.appendChild(anchor); var image = document.createElement("img"); var titleimg = document.createAttribute("title"); titleimg.nodeValue = NomImage; var srcimg = document.createAttribute("src"); srcimg.nodeValue = "MooFlow/Gallerie/PetitesImages/"+NomImage; var altimg = document.createAttribute("alt"); altimg.nodeValue = NomImage; image.setAttributeNode(titleimg); image.setAttributeNode(srcimg); image.setAttributeNode(altimg); anchor.appendChild(image); Depart = Fin + 1; } }
Partager