Discussion :

[charlie10]

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 :

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
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 :

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
<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>

[danielhagnoul]

Bonsoir.

Sous IE 8 et F3.6 le carrousel est complet.

Sous Chrome 4 et sous Safari 4, on ne voit que les boutons et le bas des images (plus ou moins 15 pixels).

Le clignotement ? Lorsque l'on clique sur le bouton droit, parfois le défilement automatique se déclenche en même temps ou peu après. C'est ce que vous appelez le clignotement ?