Skip to content

jwoertink/JustSlide

Repository files navigation

jQuery "Just Slide" content slider.

Download and checkout the index.html for more examples.

You can also read a little about it at http://blog.justprofessionals.com/just-professionals/just-slide-jquery-content-slider/

Usage:

	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="jquery.justslide.js"></script>
	<script type="text/javascript">
		//More options to come later
	 	var options = {
			display: 2 // This is the number of items to show at any given time. Default is 2
			,slide: 1 // This is how many items to slide to the left or right at a time. Default is 1
			,speed: 'slow' // This is the speed of the animation. Any normal jQuery speed
			,next: '#my_next_link' // If you don't supply this, I'll make one for ya
			,prev: '#my_prev_link' // If you don't supply this, I'll make one for ya
			,autoSlide: false // Boolean. Defaults to false. Will make the slider move on it's own.
		}
		jQuery(function() {
			$('#slider').justslide(options);
		});
	</script>

 	<div id="slider">
		<div class="slide">stuff in here</div>
		<div class="slide">more stuff in here</div>
		<div class="slide">even more stuff in here</div>
	</div>
	


CURRENT ISSUES:

  If 3 elements are shown, and there are 8 total. Sliding more then 1 at a time will result in there being a gap at the end of the slide.
  
	

About

jQuery content slider

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published