plugin jCarouselLite, clignotement sous IE
Bonjour,
J'ai fait une page test pour un caroussel qui utilise jcarousel lite.
Le problème survient sur Internet Explorer 7 et 8 (testé sur 3 ordinateurs différents) : lorsque le caroussel est en mouvement les photos "sautent" ou clignotent, c'est comme si un bout de l'image était décalé.
Pourtant les images ne pèsent pas lourd. J'ai testé avec des vitesses différentes mais rien n'y fait.
Pas de problème sur Firefox.
Voici la page en question.
http://www.webcinetic.com/jcarousel-lite/index.html
merci d'avance pour toute aide/piste
css :
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
42
43
44
45
46
47
48
49
| /************************************************
JCAROUSEL LITE
************************************************/
#list {
height:158px;
width:992px;
margin:0px;
}
.slider {
float:left;
left: -5000px;
margin:0px;
position:relative;
visibility:hidden;
}
.slider ul {
/*height:158px;*/
width:952px;
}
.slider ul li {
padding:0 10px;
}
.slider ul li img {
cursor:pointer;
/*height:158px; */
padding-top:0px;
width:223px;
}
.prev {
position:absolute;
z-index:50;
cursor:pointer;
float:left;
padding-top:0px;
}
.next {
position:absolute;
z-index:50;
left:992px;
cursor:pointer;
float:right;
padding-top:0px;
} |
javascript :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.pack.js"></script>
<script type="text/javascript">
$(function() {
$(".slider").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
visible: 4,
auto: 4000,
speed: 1100,
scroll: 2
});
});
</script> |
