11496 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

j'utilise pour mon site perso SPIP comme CMS. Je profite du plugins THICKBOX pour présenter mes travaux et dans cette Thickbox, je mets en place un carousel qui marche avec Prototype. Tout fonctionne presque à merveille sauf que je dois à chaque fois rafraîchir le contenu de ma Thickbox pour que le carousel prenne en compte mes images.

Voilà mes lignes de code : Carousel
<div class="LB_img">
<script src="#CHEMIN{js/prototype.js}" type="text/javascript"></script>
<script src="#CHEMIN{js/effects.js}" type="text/javascript"></script>
<script src="#CHEMIN{js/carousel.js}" type="text/javascript"></script>
<div id="horizontal_carousel">
<div class="previous_button"></div>

      <div class="container"> 
        <ul class="ui_horizontal_carousel">
        <BOUCLE_zoom(DOCUMENTS){id_article}{mode=image}>
	    	<li>[(#FICHIER|reduire_image{330})]<h5>[(#TITRE)]</h5>	[(#FICHIER|reduire_image{330}|image_alpha{70}|image_flip_horizontal)|image_recadre{330,50,bottom}))]</li>
		</BOUCLE_zoom>
        </ul>
        
      </div>
      <div class="next_button"></div> 
</div>
<script>
new UI.Carousel("horizontal_carousel");
</script>
</div>


Sachant que dans le HEAD on appelle
<link href="#CHEMIN{carousel/prototype-ui.css}" rel="stylesheet" type="text/css" />


et voilà comment ma THICKBOX est appelée
<a href="#URL_ARTICLE&TB_iframe=true&height=300&width=700" class="thickbox">
 <img[ src="IMG/(#LOGO_ARTICLE_NORMAL|fichier)"][ alt="(#TITRE|textebrut|couper{60}|attribut_html)"] title="#TITRE"[ width="(#LARGEUR)"][ height="(#HAUTEUR)"] class="cadre_p" /></a></div>


Peut-être le problème vient que je développe en local (avec MAMP) ? Je n'ai vraiment aucune idée de l'origine de ce léger bug (mais tout de même bien ennuyant).

Merci de votre aide et un bon week-end à tous,
Aurélia.