Bonjour,
En regardant les sources du site que tu as cité, on peut voir :
<script type="text/javascript" src="modules/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="modules/jcarousellite/jcarousellite_1.0.1.min.js"></script>
Donc dans le site, c'est jquery qui permet de faire ton slider grace au plugin jquery jcarousellite
jquery :
http://jquery.com
jcarousellite est téléchargeable et configurable rapidement (Google "jcarousellite" :
http://www.gmarwaha.com/jquery/jcarousellite/ > site de jcarousellite ^^)
Je suppose que sur le site de jcarousellite, il y a des tutos pour utiliser facilement leur carousel
Sinon encore en fouillant dans le code du site, tu peux voir
$(function() {
$(".carousel").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev"
});
});
C'est le code javascript (jquery) qui permet de créer le carousel
Tu peux aussi trouver la structure html pour que ça puisse marcher bien ^^
<div id="showroom">
<div class="container">
<div class="prev"></div>
<div class="carousel">
<ul>
<li><img src="images/carousel/07.jpg" width="150" height="200" alt="" /></li>
<li><img src="images/carousel/05.jpg" width="150" height="200" alt="" /></li>
<li><img src="images/carousel/01.jpg" width="150" height="200" alt="" /></li>
<li><img src="images/carousel/02.jpg" width="150" height="200" alt="" /></li>
<li><img src="images/carousel/09.jpg" width="150" height="200" alt="" /></li>
<li><img src="images/carousel/10.jpg" width="150" height="200" alt="" /></li>
<li><img src="images/carousel/03.jpg" width="150" height="200" alt="" /></li>
<li><img src="images/carousel/06.jpg" width="150" height="200" alt="" /></li>
<li><img src="images/carousel/04.jpg" width="150" height="200" alt="" /></li>
<li><img src="images/carousel/13.jpg" width="150" height="200" alt="" /></li>
<li><img src="images/carousel/12.jpg" width="150" height="200" alt="" /></li>
<li><img src="images/carousel/11.jpg" width="150" height="200" alt="" /></li>
<li><img src="images/carousel/08.jpg" width="150" height="200" alt="" /></li>
</ul>
</div>
<div class="next"></div>
</div>
</div>
Tu remplaces par tes images et have fun
En espérant t'avoir aidé
