Bonjour,

je suis actuellement en plein développement d'un site web dans lequel il y a un carrousel. Celui-ci fonctionne "presque" parfaitement. (http://www.distrimat.be)

Le soucis est que je voudrais qu'il tourne tout seul et que lorsque l'on clique sur une image, cela renvois vers une page propre a la photo sur laquelle on a cliqué.

Un peu comme sur le site http://www.studiomauriks.com/

La première question est donc est-ce possible avec JQuery ou faut il autre chose ?

La second est voulez vous bien m'aider ?

voici mes bouts de code :

Dans mon fichier banner.php
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
<ul class='gallery'>
<!-- il faut 10 images pour que le carrousel soit joli (min & max) -->
<li><img src='images/slide1.png' alt='' /></li>
<li><img src='images/slide3.png' alt='' /></li>
<li><img src='images/slide5.png' alt='' /></li>
<li><img src='images/slide4.png' alt='' /></li>
<li><img src='images/slide6.png' alt='' /></li>
<li><img src='images/slide1.png' alt='' /></li>
<li><img src='images/slide3.png' alt='' /></li>
<li><img src='images/slide4.png' alt='' /></li>
<li><img src='images/slide5.png' alt='' /></li>
<li><img src='images/slide6.png' alt='' /></li>
</ul>
Pour les variables de fonction j'utilise un fichier script.js
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
$(document).ready(
  function() 
  {
    $('ul.gallery').roundabout(
      {
        shape: 'square', 
        minScale: 0.2,
        minOpacity: 1,
        maxScale: 1,
        duration:1000,
        focusBearing:1,
        debug:false,
        clickToFocus:true
      }
    );
  }
);
Et en fin, jQuery Roundabout Shapes que j'ai trouvé sur http://fredhq.com/projects/roundabout-shapes/
Voici le lien pour que vous ayez le même que moi
jquery.roundabout-shapes.js

Voilà,
j’espère que vous aurez des idées, éventuellement une voie sur laquelle me mettre.

Merci d'avance.