Discussion :

[selinav]

Bonjour,

J'affiche 2 jcarousel dans la même page et je rencontre un problème, mes images ne s'affichent pas toutes.
Toutefois, si j'actualise la page, c'est bon. Il doit y avoir un problème au niveau du cache.

Je génère l'affichage à partir d'une base de données où je récupère les images.

Voici un exemple du code obtenu :

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
<ul class="first-and-second-carousel jcarousel-list jcarousel-list-horizontal" id="second-carousel" style="width: 27px; left: 0pt;">
	<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" jcarouselindex="1">
		<a class="realisation2" href="entretien-part.php?id=9&amp;PHPSESSID=a7d7eb2ab75a9ce9fc2fe6a09edcf84b">
		<img height="90" alt="" src="img-entretien/small/36-231109050035.jpg">
		</a>
	</li>
	<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal" jcarouselindex="2">
		<a class="realisation2" href="entretien-part.php?id=1&amp;PHPSESSID=a7d7eb2ab75a9ce9fc2fe6a09edcf84b">
		<img height="90" alt="" src="img-entretien/small/29-161109035452.jpg">
		</a>
	</li>
	<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-3 jcarousel-item-3-horizontal" jcarouselindex="3">
		<a class="realisation2" href="entretien-part.php?id=11&amp;PHPSESSID=a7d7eb2ab75a9ce9fc2fe6a09edcf84b">
		<img height="90" alt="" src="img-entretien/small/40-110110102411.jpg">
		</a>
	</li>
</ul>

Comment puis-je n'afficher le diaporama que lorsque toutes les images sont chargées dans le navigateur.(preloader?)

Merci de votre aide

[selinav]

Bonjour,

En fait le problème vient de la css, lorsque j'indique une largeur (si mes images font toutes 373x280,ça fonctionne nickel).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.jcarousel-skin-tango .jcarousel-item { width: 373px; height: 320px;/*la hauteur est plus grande car j'ai également une légende */ }

Mais si mes images ont une largeur variable (auto) et une hauteur fixe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
.jcarousel-skin-tango .jcarousel-item { width: auto; height: 320px; }

Graphiquement ça fonctionne bien, mais seulement quelques images sont chargées, et je dois donc faire un refresh de ma page pour toutes les voir dans mon carrousel.

Avez-vous déjà rencontré ce problème? (voir imprim écran http://img514.imageshack.us/img514/7138/jcarousel.jpg )

Si oui, comment l'avez-vous résolu?

[selinav]

Après avoir modifié la CSS jcarousel ça fonctionne approximativement, voir mon autre poste.