Bonjour à tous,
dans mon site j'utilise donc ce plug-in pour faire défiles des images dans une bannière. Le problème est qu'il ne marche pas (il m'affiche par exemple 3 images l'une en dessous de l'autre).

Pourtant j'ai utilisé les mêmes élément de code d'un autre site que j'ai fait ou là le plug-in marche niquel !

Je ne trouve pas mon erreur donc je vous demande de l'aide s'il vous plait pour trouver ce qu'il ne va pas dans mon code ! Merci de vos réponses !

Code javascript dans la balise <head> :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<!-- include jQuery library -->
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <!-- include Cycle plugin -->
        <script type="text/javascript" src="js/jquery.cycle.all.latest.js"></script>
        <script type="text/javascript">
            $(document).ready(function()
            {
                $('.pics').cycle
                ({fx:'fade',speed:2000});
            });
        </script>
Et voici donc comment je l'utilise et qui ne marche pas actuellement :
Code html :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
<div id="banniere">
                <div id="cycle_img_ban"/>
                    <div class="pics">
                        <img src="img/cycle_img_ban1.jpg"/>
                        <img src="img/cycle_img_ban2.jpg"/>
                        <img src="img/cycle_img_ban1.jpg"/>                        
                    </div>
                </div>
            </div>
Code CSS :
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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
/* div bannière */
#banniere
{
  width: 800px;
  height: 200px;
  background-image: url("img/ban.jpg");
  background-repeat: no-repeat;
  margin-bottom: 10px;
  border:solid white 1px;
}
#cycle_img_ban
{
  border:solid white 1px;
  border-right:0px;
  border-left:0px;
  height:160px;
  margin-top:25px;
  margin-left:190px;
  margin-right:10px;
}
.pics
{  
  height:160px;  
  width:603px;
} 
 
.pics img 
{    
  height:160px;  
  width:603px;
} 
/*-----------------------------------------------------------------------------------*/