Advanced Search

Return to Snippet

Revision: 29516
at July 31, 2010 03:41 by Jamie
Updated Code 
var loopingInterval;
var mySlideDeck = jQuery('.slidedeck').slidedeck();
mySlideDeck.vertical();
var interval = 1000;
var firstDelay = 3000;


// initialize an autoplay switch
var autoPlay = false;
var autoPlayLoop = true;

function autoPlayAdvanceLoop(){
	if(autoPlay){
		// Check to see if the current slide is the last slide
		if(mySlideDeck.current == mySlideDeck.slides.length && autoPlayLoop == true){
			// This is the last slide, go to the first slide
			mySlideDeck.goTo(1);
		} else {
			// This is not the last slide, go to the next slide
			mySlideDeck.next();
		}
	}
}

// sets an initial delay
setTimeout(function(){
	loopingInterval = setInterval(autoPlayAdvanceLoop,interval);	// Run the autoPlayAdvanceLoop() function every interval milliseconds
}, firstDelay - interval)
	
autoPlay = true;

// Stop autoPlay if the deck is clicked.
jQuery('.slidedeck').click(function(){
	autoPlay = false;
	clearInterval(loopingInterval);
});

Revision: 29515
at July 31, 2010 03:38 by Jamie
Initial Code 
var loopingInterval;
var mySlideDeck = jQuery('.slidedeck').slidedeck();
mySlideDeck.vertical();
var interval = 1000;
var firstDelay = 3000;


// initialize an autoplay switch
var autoPlay = false;
var autoPlayLoop = true;

function autoPlayAdvanceLoop(){
	if(autoPlay){
		// Check to see if the current slide is the last slide
		if(mySlideDeck.current == mySlideDeck.slides.length && autoPlayLoop == true){
			// This is the last slide, go to the first slide
			mySlideDeck.goTo(1);
		} else {
			// This is not the last slide, go to the next slide
			mySlideDeck.next();
		}
	}
}

// sets an initial delay
setTimeout(function(){
	loopingInterval = setInterval(autoPlayAdvanceLoop,interval);	// Run the autoPlayAdvanceLoop() function every interval miliseconds
}, firstDelay - interval)
	
autoPlay = true;

// Stop autoPlay if the deck is clicked.
jQuery('.slidedeck').click(function(){
	autoPlay = false;
	clearInterval(loopingInterval);
});
Initial URL 
http://getsatisfaction.com/slidedeck/topics/slide_time
Initial Description 

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
SlideDeck AutoPlay Functionality with First Slide Delay

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
JavaScript