Essential Grid WP
07.13.2018
Randomize the First Slide or Starting Point
- The following code examples can be added to the Slider's Custom JavaScript section:
https://www.themepunch.com/faq/custom-css-or-javascript-for-version-5-0/
Example One:
Use the following script to randomize the first slide, while maintaining the original order of the remaining slides.
|
1 2 3 4 5 6 |
var slides = jQuery('.rev_slider').find('li'), totalSlides = slides.length - 1, randomIndex = Math.round(Math.random() * totalSlides); slides.eq(randomIndex).insertBefore(slides.eq(0)); |
Example Two:
Use the following script to randomize the Slider's starting point.
|
1 2 3 4 5 6 7 8 9 10 11 |
var slider = jQuery('.rev_slider ul'), slides = slider.find('li'), totalSlides = slides.length, randomIndex = Math.round(Math.random() * totalSlides - 1), ar = [], i; slides.each(function(i) {ar[i] = this}); for(i = randomIndex; i < totalSlides; i++) slider.append(ar[i]); for(i = 0; i < randomIndex; i++) slider.append(ar[i]); |
