How to get image numbers outside slider

You can modify the nsOptions in the ninja-slider.js:

var nsOptions = { ...... before: function (currentIdx, nextIdx, manual) { var sliderCount = document.getElementById(“sliderCount”); sliderCount.innerHTML = (nextIdx + 1 )+ "/" + nslider.getSlides().length; }, ...... }

For details please read the "Built-in event handlers and functions" section on the page Ninja Slider.

Milo,

Thank you very much for your help. However, I have added a span with the id sliderCount, and adjusted my nsOptions as shown below, but now no slideshow appears at all. Any ideas please?


var nsOptions =
{
    sliderId: "ninja-slider",
    transitionType: "slide", //"fade", "slide", "zoom", "kenburns 1.2" or "none"
    autoAdvance: false,
    delay: "default",
    transitionSpeed: "default",
    aspectRatio: "4:3",
    initSliderByCallingInitFunc: false,
    shuffle: false,
    startSlideIndex: 0, //0-based
    navigateByTap: true,
    pauseOnHover: false,
    keyboardNav: true,
    before: function (currentIdx, nextIdx, manual) {
                var sliderCount = document.getElementById(“sliderCount”);
        sliderCount.innerHTML = (nextIdx + 1 )+ "/" + nslider.getSlides().length;
           },
    license: "XXXXXX"
   
};

Thank you again,
Matt