Personnalisez le menu de sortie numérique du plug-in JQuery EasySlider pour utiliser la chaîne de texte à la place?

Question

J'utilise ce plugin: http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider

Démo: http://cssglobe.com/lab/easyslider1.7/02.html

Peut-être que quelque part ici peut être modifiée?

if(options.numeric){          
      for(var i=0;i<s;i++){      
       $(document.createElement("li")) 
        .attr('id',options.numericId + (i+1)) 
        .html('<a rel='+ i +' href=\"javascript:void(0);\">'+ (i+1) +'</a>') 
        .appendTo($("#"+ options.numericId)) 
        .click(function(){       
         animate($("a",$(this)).attr('rel'),true); 
        });   

Et je me demandais si quelqu'un pouvait me dire comment passer des numéros générés automatiquement dans l'option numérique à une chaîne de texte de mon propre? Actuellement, il génère automatiquement les liens pour le curseur dans une liste en utilisant le numéro de la diapositive comme texte du lien.

Je ne sais pas javascript, si ce n'est pas évident ...: P

Des conseils très appréciés!

Answer 1

On dirait ici:

if(options.numeric){ 
    for(var i=0;i<s;i++){ 
     $(document.createElement("li")) 
      .attr('id',options.numericId + (i+1)) 
      // THIS LINE: 
      .html('<a rel='+ i +' href=\"javascript:void(0);\">'+ (i+1) +'</a>') 
      .appendTo($("#"+ options.numericId)) 
      .click(function(){ 
       animate($("a",$(this)).attr('rel'),true); 
      }); 
    }; 
} else { ... 

(i + 1) est le numéro qui apparaît. Si vous créez un tableau avec les noms de votre diapositive, vous pouvez le remplacer par slideName [i]:

var slideName = new Array('foo', 'bar', 'etc'); 

if(options.numeric){ 
    for(var i=0;i<s;i++){ 
     $(document.createElement("li")) 
      .attr('id',options.numericId + (i+1)) 
      // THIS LINE: 
      .html('<a rel='+ i +' href=\"javascript:void(0);\">'+ slideName[i] +'</a>') 
      .appendTo($("#"+ options.numericId)) 
      .click(function(){ 
       animate($("a",$(this)).attr('rel'),true); 
      }); 
    }; 
} else { ...