affichage de slidejs sous IE8
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'> </div></div>");
}
else
{
$("#slides .slides_container > div").parent().append("<div class='slide'><img src='"+data[i]['path']+"' alt='"+data[i]['titre']+"'/><div class='caption'> </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
