How to auto-slide the homepage carousel tutorial?

A lot of people have enquired how to auto-slide the thumbnail carousel on the homepage of RealtorPress. I think this also applies to the CouponPress theme?

You need to edit the file: jquery.jcarousellite_1.0.1.js

You’ll find it in the wordpress/wp-content/themes/realtorpress/PPT/js/jquery.jcarousellite_1.0.1.js for V6.1 (or it is called just ” jcarousellite_1.0.1.js” and located in wordpress/wp-content/themes/realtorpress/themes/js/jcarousellite_1.0.1.js for older versions like V5.0d). Other themes would be similar.

I would always recommend making a backup of any file before modifying it.

Go to line 203 were you’ll see:

(function($) { // Compliant with jquery.noConflict()
$.fn.jCarouselLite = function(o) {
o = $.extend({
btnPrev: null,
btnNext: null,
btnGo: null,
mouseWheel: false,
auto: null,

speed: 200,
easing: null,

vertical: false,
circular: true,
visible: 3,
start: 0,
scroll: 1,

beforeStart: null,
afterEnd: null
}, o || {});

Simply change the auto & speed default selections from “null” to read:

auto: 2500, & speed: 1000, for example. The times are in milliseconds so 1 second = 1000 and so on. This example means that the carousel will auto slide every 2.5 seconds at a slide speed of 1 second. Play around with the numbers until you achieve the desired effect!

An example can be seen at http://www.haciendasanmanuel.com

Good luck!