affichage de slidejs sous IE8

[chadoum]

Bonjour,
J'utilise slidejs http://slidesjs.com/ pour un petit site que je suis en train de terminer.
Tout fonctionne bien, sauf avec IE8: le slide ne se charge pas et les images s'affichent toutes verticalement à l'écran. J'ai ouvert une discussion sur le forum github de slidejs, mais il n'a pas l'air très actif, donc je me tourne vers vous!
Voici mon code, pour le JS (je fais un call ajax pour charger dynamiquement le slide):

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
 
<script type="text/javascript" language="javascript">
	$(function(){		
		$('.liSubMenu a').click(function() {
                var param = $(this).text();					
			$.ajax({
				type: "POST",
				url: "AjaxQueries.php",
				data: "subMenu="+param,
				dataType: "json",
				success: function(data)
				{				
					$(".slides_container").hide();
					$(".pagination").remove();
					for(i=0; i< data.length ; i++)
					{
						if(i===0)
						{
						$("#slides .slides_container").html("<div class='slide'><img src='"+data[i]['path']+"' alt='"+data[i]['titre']+"'/><div class='caption'>&nbsp;</div></div>");						
						}
						else
						{
							$("#slides .slides_container > div").parent().append("<div class='slide'><img src='"+data[i]['path']+"' alt='"+data[i]['titre']+"'/><div class='caption'>&nbsp;</div>");						
						}
					}					
				}
			});
			setTimeout("beginSlide()",200);
		});
	});
	function beginSlide()
	{
		$("#slides").slides(
		{		
			preload: true,
			preloadImage: 'img/loading.gif',
			autoHeight: true
		});
		setTimeout("$('.slides_container').show();",100);
	}
	</script>

Pour l'Html:

Code :

1
2
3
4
5
 
<div id="slides">
	<div class="slides_container">
	</div>							
</div>

L'erreur doit être au niveau du chargement des div, mais je ne trouve pas!
Tout conseil sera le bienvenu. Merci

[danielhagnoul]

Bonsoir

Il y a des erreurs dans le code.

• pour for() : var i = 0
  
• setTimeout("beginSlide()",200); : setTimeout(beginSlide, 200);
  
• setTimeout("$('.slides_container').show();",100); : setTimeout(function(){ $('.slides_container').show(); },100);
  
• attention au ' et au " dans $("#slides .slides_container")... et dans $("#slides .slides_container > div")... revoir l'incorporation des 'path' et 'titre'

[chadoum]

Merci,
Mauvaise syntaxe pour les setTimeout!
J'ai parfois aussi un petit bug d'affichage (mais je suis en local, c'est pe ça aussi...): La première image ne s'affiche pas toujours entièrement, comme si elle n'avait pas eu assez de temps pour le faire... Ce qui est bizarre c'est que c'est vraiment aléatoire. Quand je vide le cache, l'image s'affiche parfois très bien...