Bonjour, j'ai essaye par tous les moyens de faire fonctionner le plugin jcarousel de jquery.

ici les infos : http://sorgalla.com/projects/jcarousel/#Examples

donc voici mon code :
1. dans le header:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="scripts/jsor-jcarousel-7bb2e0a/lib/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="scripts/jsor-jcarousel-7bb2e0a/lib/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="scripts/jsor-jcarousel-7bb2e0a/style.css" />

2. dans la page php qui contient le jcarousel :
Code html : 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
<div id="wrap">
 
  <ul id="mycarousel" class="jcarousel-skin-tango">
    <li><img src="http://clients.123properties.com/Media/Media/c2d0deb6-977d-43ec-9d1a-07945c8cfe4c.JPG" alt="slider image" style="width: 90px; height:64px;"/></li>
<li><img src="c2d0deb6-977d-43ec-9d1a-07945c8cfe4c.JPG" alt="slider image" style="width: 90px; height:64px;"/></li>
<li><img src="c2d0deb6-977d-43ec-9d1a-07945c8cfe4c.JPG" alt="slider image" style="width: 90px; height:64px;"/></li>
<li><img src="c2d0deb6-977d-43ec-9d1a-07945c8cfe4c.JPG" alt="slider image" style="width: 90px; height:64px;"/></li>
<li><img src="c2d0deb6-977d-43ec-9d1a-07945c8cfe4c.JPG" alt="slider image" style="width: 90px; height:64px;"/></li>
<li><img src="c2d0deb6-977d-43ec-9d1a-07945c8cfe4c.JPG" alt="slider image" style="width: 90px; height:64px;"/></li>
</ul>
</div>
<a class="carousel-control left" href="#unitListDetail" data-slide="prev">&lsaquo;</a>
<a class="carousel-control right" href="#unitListDetail" data-slide="next">&rsaquo;</a>	
<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        scroll: 2
    });
});
</script>

mais voila, ca ne fait que m'afficher les images l'une a cote de l'autre, et les fleches..

je ne comprends pas pourquoi, j'ai même essayer de remplacer les liens du header par :

Code html : 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
<link rel="stylesheet" href="http://sorgalla.com/projects/jcarousel/style.css" rel="stylesheet" type="text/css" />
<!--
  jQuery library
-->
<script type="text/javascript" src="http://sorgalla.com/projects/jcarousel/lib/jquery-1.2.1.pack.js"></script>
<!--
  jCarousel library
-->
<script type="text/javascript" src="http://sorgalla.com/projects/jcarousel/lib/jquery.jcarousel.pack.js"></script>
<!--
  jCarousel core stylesheet
-->
<link rel="stylesheet" type="text/css" href="http://sorgalla.com/projects/jcarousel/lib/jquery.jcarousel.css" />
<!--
  jCarousel skin stylesheet
-->
<link rel="stylesheet" type="text/css" href="http://sorgalla.com/projects/jcarousel/skins/tango/skin.css" />

mais rien n'y fait. j'ai vraiment du mal avec certains plugins jquery, et ça me ferait vraiment plaisir si vous pouviez m'apportiez un peu d'aide