Gallerie twelve et bouton info

mikile Messages postés 46 Date d'inscription mercredi 5 août 2009 Statut Membre Dernière intervention 29 juillet 2012 - 29 juil. 2012 à 15:42
Bonjour à tous!!

J'utilise la gallerie twelve pour mes diaporamas. Galleria twelve
N'aimant pas le placement et la limitation du texte par défault, j'ai créé un bouton info et un block CSS.
Le souci que j'ai actuellement c'est que je n'arrive pas à faire fonctionner le bouton info. Api de la gallerie: Api/method.
Je n'arrive pas à trouver la solution.
Je mets le code au cas où y aurait une âme géréreuse qui passerai par là pour m'aider.
Javascript (html):
<script type="text/javascript" xml:space="preserve">//<![CDATA[   
         

    Galleria.loadTheme('js/galleria.twelve.min.js');
$("#galleria").galleria({
       transition: 'fade',
autoplay: 5000,		
_showFullscreen: true,		 
        _showPopout: false,			
//responsive:true,
imageCrop:true,
});	
 Galleria.ready(function() {
 var gallery = this;
       this.appendChild('stage','info-text');
   this.addElement('exit').appendChild('bar','exit');
  
 var btn = this.$('exit').text('Info')
 .click(function(e) {
      gallery.play('info-text');

});
  
 
    this.bind('exit',function() {
      btn.show('info-text');
  });
   this.bind('exit', function() {
        btn.hide('info-text');
   })



  });
//]]></script>


Et voici le code CSS:
body .galleria-info-text{
        position:absolute;
        top:12px; left:12px;
        background:rgba(0,0,0,.7);
        z-index:2;
        padding:8px 12px
    }
    body .galleria-info-title{
        display:block;
        padding:0;
        margin-bottom:3px
    }


Merci à tous d'avance.