Automating JQuery content switcher
Guys I'm trying to automate the JQuery content switcher on this fiddle
URL but it doesn't seem to be working. I'm trying to get it to start rotating every 6 seconds on it's own but to no avail.
The code looks as shown below
- $.fn.slideFadeToggle = function(speed, easing, callback) {
- return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback);
- };
- var max = $('div.faces').size();
- $("div.faces:not(:first)").hide();
- $("ul.intro-nav li:first").addClass("currFace");
- $(".lefter, .righter").click(function(){
- $('.currFace').removeClass('currFace');
- var cur = $("div.faces:visible").index('div.faces');
- var next = cur<max-1?cur+1:0;
- $("div.faces").eq(cur).add($("div.faces").eq(next)).slideFadeToggle('slow');
- $("ul.intro-nav li").eq(next).addClass("currFace");
- });
- $("ul.intro-nav li").click(function(){
- var curLI = $("ul.intro-nav li").index(this);
- $("div.faces:visible").add($("div.faces").eq(curLI)).slideFadeToggle('slow');
- $('.currFace').removeClass('currFace');
- $(this).addClass('currFace');
- // alert(curLI);
- });