Discussion :

[regnierjoffrey]

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.

[danielhagnoul]

Bonjour

Le site que vous citez utilise le plugin CloudCarousel : http://www.professorcloud.com/mainsite/carousel.htm

Ce plugin possède plusieurs options, mais je manque de temps ce matin.

[regnierjoffrey]

Super merci j'ai enfin réussi a le faire fonctionner.

Effectivement il utilise cloud.