Moderno WordPress Theme Slider Auto Transition

By default on the Moderno WordPress Theme  the image slider does not transition automatically and you will have to click the next/previous arrows to go through the various slides. To change this to where it transitions to the next slide automatically is very easy.

Step 1: Open js/jquery.init.js

Step 2: Search for the following code:

 //slides
 $('#slider').slides({
  preload: true,
  generatePagination: true,
  autoHeight: false,
  next: 'slides_next',
  prev: 'slides_prev',
  play: false,
  pause: 2500,
  slideSpeed: 300,
  hoverPause: true,
  slideEasing: "easeOutQuad",
  slidesLoaded: function () { $("#slider a.slides_prev, #slider a.slides_next").fadeIn(300);  }
});

Step 3: Change the “play” value

Edit the highlighted line above where it says:

play: false,

And change the “false” value to a number in milliseconds for your desired transition time such as the example below:

play: 5000, //transition between slides automatically every 5 seconds