Affichage du compteur d'images

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

  

  <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(){}
               
                           })
            });
            

// ...
controlNav: false,
// ...