Skip to content

fburatti/Smoothslides

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#Smoothslides A responsive jQuery slideshow with beautiful panning effects on each image. Created by Kevin Thornbloom ##Demo Demo Page ##Usage ###Include CSS in header

<link rel="stylesheet" href="css/smoothslides.theme.css">

###Include JS in footer (after loading jQuery)

<script type="text/javascript" src="js/smoothslides.min.js"></script>
	<script type="text/javascript">
		$(window).load( function() {
			$(document).smoothSlides({
			playTimer: 4000
			/* options seperated by commas */
			});
		});
	</script>

###Add HTML Markup for slides

<div class="ss-slides">
    <div class="ss-slide">
        <img src="images/1.jpg" />
    </div>
    <div class="ss-slide" title="Caption">
        <img src="images/2.jpg" />
    </div>
</div>

Note- to add a caption, put a title on that slide's div.

##Options

Option Description Values
playTimer Time (in milliseconds) each slide is visible for 3000
order How to order the slides 'normal' , 'reverse' or 'random'
animEasing CSS3 easing type for animations 'ease-in-out'
nextText Text for the next button '›'
prevText Text for the previous button '‹'
captions Show captions? 'true' or 'false'
navigation Show Next/Prev buttons? 'true' or 'false'
pagination Show dots representing slides? 'true' or 'false'
autoanimType Animation to be used while automatically playing 'random', 'zoomIn', 'zoomOut', 'panLeft', 'panRight', 'panUp', 'panDown', 'crossFade','none'

##Licensing Free to use and modify personally or commercially. Not for resale.

##Help & Feedback Connect with me on twitter.

About

Responsive jQuery slideshow with Ken Burns style animations

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published