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 html : Sélectionner tout - Visualiser dans une fenêtre à part
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 : 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 $("#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 });
Partager