CloudCarousel bug sur un bouton
Bonjour,
Concerne : CloudCarousel http://www.professorcloud.com/mainsi...ntegration.htm
Mon carousel fonctionne bien, sauf que j'ai un ptit bug sur le bouton #right-but.
* Que je click sur left ou right but, mon carousel tourne dans un sens ou dans l'autre. C'est normal.
* Quand je click sur left-but, mon carousel tourne de gauche à droite, et [alt-text et title-text] indiquent en dessous de mon carousel, les infos de l''image correspondante.
Quand je click sur right-but POUR REVENIR A L'image de départ, même chose sauf que le carousel tourne évidemment en sens inverse. NOrmal.
* Mais une fois que je suis revenue à l'image de départ, si je continue à cliquer sur right-but, il ne m'affiche pas les descriptions contenues dans alt-text et title-text.
* Idem, lorsque j'arrive sur ma page, si je click directement sur right-but, il ne m'affiche pas mes descriptions alt-text et alt-title. Pourquoi ? et comment résoudre cet incident ?
J'ai essayé pas mal de trucs sans succès. Est-ce que ça vient de cloud-carousel.js ? et est-ce là dedans que je dois modifier quelquechose?
Merci !
Mon html
Code:
1
2
3
4
5
6
7
8
9
10
11
12
| <div id="carousel">
<a class="nodeco" href="xxxx.html" target="_blank"><img class="cloudcarousel" id="orange" src="img/carousel_lud2.jpg" alt='"Blabla" '
title="blablalbllala la" /></a>
<!-- et ainsi desuite pour chaque image -->
</div>
<div id="conteneur_boutons_carrousel"> <!-- mes boutons faits maison -->
<input id="left-but" class="butts" type="button" value="<" />
<input id="right-but" class="butts" type="button" value=">" />
</div>
<p id="alt-text"> </p>
<p id="title-text"> </p>
</div> |
Mon js
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| $("#carousel").CloudCarousel({
xPos: 680,
yPos: 30,
buttonLeft: $("#left-but"),
buttonRight: $("#right-but"),
altBox: $("#alt-text"),
titleBox: $("#title-text"),
reflHeight: 65,
reflGap: 4,
reflOpacity: 0.5,
FPS: 40,
speed:0.1,
minScale: 0.3,
autoRotate: ('no'), /* ('left') ('right') 'no' */
/* autoRotateDelay: 3000, */
bringToFront: true
}); |
