Bonjour,

j'ai installer plusieurs galerie photos (demo carrousel) trouver sur http://www.pikachoose.com/ mais dès que j'en met 2, le 2ème ne fonctionne pas.

J'ai remplacer par l' id #pikame par une classe.

La je vois bien le deux carrousels mais le carrousel prend la largeur du site en bas et va sur mon menu.

Une idée?

MERCI.

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
34
35
		<link type="text/css" href="../../styles/bottom.css" rel="stylesheet" />
		<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
        <script type="text/javascript" src="../../lib/jquery.jcarousel.min.js"></script>
		<script type="text/javascript" src="../../lib/jquery.pikachoose.min.js"></script>
		<script type="text/javascript" src="../../lib/jquery.touchwipe.min.js"></script>
		<script language="javascript">
			$(document).ready(
				function (){
					$(".pikame").PikaChoose({carousel:true});
				});
		</script>
 
</head>
<body>
<!-- not really needed, i'm using it to center the gallery. -->
<div class="pikachoose">
Basic example - with carousel
	<ul class="pikame" class="jcarousel-skin-pika">
		<li><a href="http://www.pikachoose.com"><img src="../../1.jpg"/></a><span>This is an example of the basic theme.</span></li>
		<li><a href="http://www.pikachoose.com"><img src="../../2.jpg"/></a><span>jCarousel is supported and can be integrated with PikaChoose!</span></li>
		<li><a href="http://www.pikachoose.com"><img src="../../3.jpg"/></a><span>Be sure to check out <a href="http://www.pikachoose.com">PikaChoose.com</a> for updates.</span></li>
		<li><a href="http://www.pikachoose.com"><img src="../../4.jpg"/></a><span>You can use any type of html you want with PikaChoose</span></li>
		<li><a href="http://www.pikachoose.com"><img src="../../5.jpg"/></a><span>PikaChoose survives on your donations! Keep the project alive with a donation.</span></li>
	</ul>
</div>
<div class="pikachoose">
Basic example - with carousel
	<ul class="pikame" class="jcarousel-skin-pika">
		<li><a href="http://www.pikachoose.com"><img src="../../1.jpg"/></a><span>This is an example of the basic theme.</span></li>
		<li><a href="http://www.pikachoose.com"><img src="../../2.jpg"/></a><span>jCarousel is supported and can be integrated with PikaChoose!</span></li>
		<li><a href="http://www.pikachoose.com"><img src="../../3.jpg"/></a><span>Be sure to check out <a href="http://www.pikachoose.com">PikaChoose.com</a> for updates.</span></li>
		<li><a href="http://www.pikachoose.com"><img src="../../4.jpg"/></a><span>You can use any type of html you want with PikaChoose</span></li>
		<li><a href="http://www.pikachoose.com"><img src="../../5.jpg"/></a><span>PikaChoose survives on your donations! Keep the project alive with a donation.</span></li>
	</ul>
</div>
Voici le code: