Affichage du compteur d'images

XARBA Messages postés 171 Statut Membre -  
XARBA Messages postés 171 Statut Membre -
Bonjour,

J'ai ce code qui permet de faire défiler des images


slices: 15,
boxCols: 8,
boxRows: 4,
animSpeed: 500,
pauseTime: 3000,
startSlide: 0,
directionNav: true,
controlNav: true,
controlNavThumbs: false,
pauseOnHover: true,
manualAdvance: false,
prevText: '<--',
nextText: '-- >',
randomStart: false,
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){},
lastSlide: function(){},
afterLoad: function(){}



Un compteur d'image apparait sous celle-ci et je ne sais pas le supprimer

Merci d'avance pour votre aide
Bonne journée

Configuration: Windows / Edge 99.0.1150.30

6 réponses

  1. XARBA Messages postés 171 Statut Membre 9
     
    Bonjour et merci
    Effectivement le compteur a bien disparu
    Il me reste à résoudre le problème du prev et next text

     
    prevText: '<--',
    nextText: '-- >'


    pour pouvoir avoir quelque chose de plus lisible que -->

    En tout cas merci et bonne journée
    1
  2. jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
     
    Bonjour,
    Ce n'est pas ce code "seul" qui te permet de faire ton slider. ça se sont uniquement les options ( les arguments) que tu passes lors de l'appel de l'initialisation de ton plugin ( nivoSlider )
    Je ne vois rien ici qui affiche un quelconque compteur...
    Il nous faudrait : Une capture écran de ce fameux compteur ainsi que le code complet ( html + JS ) de la page en question.
    0
  3. XARBA Messages postés 171 Statut Membre 9
     
    Bonjour et merci pour ta réponse,

    Ci-dessous le code
    
      
    
      <div style="max-width: 780px; margin: 0 auto;" >
    
            <div id="slider" class="nivoSlider">
       <img SRC="TAT.jpg"          HEIGHT=858 WIDTH=780 ALT="MON ONCLE" />
       <img SRC="ESM.jpg"          HEIGHT=858 WIDTH=780 ALT="ESMERALDA" /> 
       <img SRC="AND.jpg"           HEIGHT=858 WIDTH=780 ALT="ANDROMEDE" /> 
       <img SRC="DES.jpg"           HEIGHT=858 WIDTH=780 ALT="DESIRANCE" /> 
       <img SRC="PPO.jpg"           HEIGHT=858 WIDTH=780 ALT="PETITS POTINS" /> 
       <img SRC="FIA.jpg"          HEIGHT=858 WIDTH=780 ALT="LA FIANCEE DU MARIN" />  
       <img SRC="ECH.jpg"           HEIGHT=858 WIDTH=780 ALT="ECHAPPEE BELLE" /> 
       <img SRC="HVR.jpg"          HEIGHT=858 WIDTH=780 ALT="HISTOIRES VRAIES" />  
       <img SRC="JEE.jpg"           HEIGHT=858 WIDTH=780 ALT="JEUNE ETRUSQUE" /> 
       <img SRC="VAG.jpg"          HEIGHT=858 WIDTH=780 ALT="LA VAGUE" /> 
       <img SRC="JEU.jpg"            HEIGHT=858 WIDTH=780 ALT="LA JEUNESSE" /> 
       <img SRC="FLA.jpg"          HEIGHT=858 WIDTH=780 ALT="FLAMME" /> 
       <img SRC="EMB.jpg"            HEIGHT=858 WIDTH=780 ALT="EMBRASEMENT" />  
       <img SRC="ANT.jpg"            HEIGHT=858 WIDTH=780 ALT="ANTINEA" /> 
       <img SRC="LUD.jpg"            HEIGHT=858 WIDTH=780 ALT="LUDIVINE" />  
         <img SRC="SOU.jpg"            HEIGHT=858 WIDTH=780 ALT="LA SOURCE" />
       <img SRC="CO2.jpg"            HEIGHT=858 WIDTH=780 ALT="DEUX COEURS" />
       <img SRC="CO3.jpg"            HEIGHT=858 WIDTH=780 ALT="TROIS COEURS" />
       <img SRC="FIO.jpg"            HEIGHT=858 WIDTH=780 ALT="FILLE D'EOLE" /> 
       <img SRC="FIE.jpg"            HEIGHT=858 WIDTH=780 ALT="FILLE D'ECUME" /> 
       <img SRC="OFF.jpg"            HEIGHT=858 WIDTH=780 ALT="L'OFFRANDE" />
       <img SRC="JSE.jpg"            HEIGHT=858 WIDTH=780 ALT="JARDIN SECRET" />
       <img SRC="SCE.jpg"            HEIGHT=858 WIDTH=780 ALT="SOUFFLE CELESTE" /> 
       
      </div>
        
      <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
            <script src="jquery.nivo.slider.js"></script>
            <script>
      
      $(window).load(function (){
                     $('#slider').nivoSlider({
          
       effect: 'random',
    slices: 15,
    boxCols: 8,
    boxRows: 4,
    animSpeed: 500,
    pauseTime: 3000,
    startSlide: 0,
    directionNav: true,
    controlNav: true,
    controlNavThumbs: false,
    pauseOnHover: true,
    manualAdvance: false,
    prevText: '<--',
    nextText: '-- >',
    randomStart: false,
    beforeChange: function(){},
    afterChange: function(){},
    slideshowEnd: function(){},
    lastSlide: function(){},
    afterLoad: function(){}
                   
                               })
                });
                
    


    EDIT: Correction des balises de code ( ajout du LANGAGE pour avoir la coloration syntaxique et la numérotation des lignes )

    Bonne journée
    0
  4. jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
     
    Bonjour,
    Tu as oublié de nous mettre une capture écran de ce "compteur"
    Il faudrait aussi nous dire sur quel lien tu as téléchargé ton plugin de slider
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. XARBA Messages postés 171 Statut Membre 9
     
    Bonjout

    Voici le lien pour la photo



    bien cordialement
    0
    1. jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
       
      Et il est où le compteur ??
      0
  7. Pitet Messages postés 2845 Statut Membre 530
     
    Bonjour,

    Essaye de désactiver l'option controlNav :
    // ...
    controlNav: false,
    // ...
    
    0