Bonjour,

J'ai crée un coverflow avec l'ai de No Smoking et grâce à ses conseils, j'ai réussi à intégrer le coverflow à mon site.
Je souhaiterai désormais lui apporter quelques améliorations afin qu'il soit plus esthétique et pratique à la fois...

-Je souhaiterai crée un effet de réflexion sous les images. J'ai essayé plusieurs codes trouvé sur d'autres sites mais cela ne fonctionne pas.

-ensuite je souhaiterai y intégrer un titre sous chaque image. Je pense que cela ne doit pas être très compliqué mais j'ai eu tellement de mal à crée ce coverflow que j'ai peur de faire une bêtise

mon css:
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
#conteneur {
  width: 100%;
  height:450px;
  margin: 2em auto;
  border: 1px solid #856253;
}


mon js:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
$(function() {
  $('[id^=coverflow]').coverflow({
    active: 2,
    select: function(event, ui){
    }
  });
});
mon html:
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
    <div id="conteneur"> 
 <div id="coverflow-0">
 
    <img src="http://placehold.it/350x350/E80000/FFFFFF" />
    <img src="http://placehold.it/350x350" />
    <img src="http://placehold.it/350x350/E8117F/FFFFFF" />
    <img src="http://placehold.it/350x350" />
     <img src="http://placehold.it/350x350/E8117F/FFFFFF" />
      <img src="http://placehold.it/350x350" />
     <img src="http://placehold.it/350x350/E8117F/FFFFFF" /> 
     <img src="http://placehold.it/350x350" />
    <img src="http://placehold.it/350x350/E8117F/FFFFFF" />
    <img src="http://placehold.it/350x350" />
    <img src="http://placehold.it/350x350/E8117F/FFFFFF" />
     <img src="http://placehold.it/350x350" />
     <img src="http://placehold.it/350x350/E80000/FFFFFF" /> 
    </div></div>

Merci beaucoup pour vos conseils et votre patience...

Novis