plugin Cycle ne fonctionne pas !
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:
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:
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:
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;
}
/*-----------------------------------------------------------------------------------*/ |
