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 : 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
 
<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 : Sélectionner tout - Visualiser dans une fenêtre à part
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