Slider Revolution WP
09.27.2016
Show Slide Number Status
Didplay the current slide number with a Static Layer and the Slider's API.Download the example above here. Then import it using these instructions.
1. Create a new Text/HTML based Static Layer, and assign it a class name of "slide-status-numbers".
2. Add the following code to your slider's Custom JavaScript section.
Change the “1” in the “revapi1” part below to match your slider’s ID.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
/* change the "1" in the "revapi1" part below to match your slider's ID: https://www.themepunch.com/wp-content/uploads/2016/08/slider-id.png */ var api = revapi1; /* no need to edit below */ var divider = ' / ', totalSlides, numberText; api.one('revolution.slide.onloaded', function() { totalSlides = api.revmaxslide(); numberText = api.find('.slide-status-numbers').text('1' + divider + totalSlides); api.on('revolution.slide.onbeforeswap', function(e, data) { numberText.text((data.nextslide.index() + 1) + divider + totalSlides); }); }); |
