Just Slide – jQuery Content Slider


Just Slide – jQuery Content Slider

What is it?

A jQuery slider plugin. Used to take a list of elements, and show a small amount of them, then using a sliding animation, display new ones.

Why another slider?

There are some really great plugins out there that do this exact same thing. A lot of the are jam packed full of features you will never use. Others require specific markup. Some need an external css file to function properly. Others have no good documentation, and I couldn’t figure out how to make them work. Plus, this is a good exercise for me!

How does it work?

First you need to include jQuery, and the JustSlide plugin. Next you will just write a bit of javascript.

    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
    }
    jQuery(function() {
        $('#slider').justslide(options);
    });

Now write your HTML the way you want. For me, I would write something like…

<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>

That’s it!

Download it, and check out the examples here
Just Slide on Github



  • del.icio.us
  • StumbleUpon
  • Facebook
  • Google Bookmarks
  • Technorati
  • Digg
  • Mixx
  • Reddit
  • Slashdot
  • Design Float
  • email
  • RSS
post tags

Tags: ,


author name

About Jeremy Woertink (Sr. Developer)

As a Ruby programmer, and E-commerce professional, Jeremy helped Just Professionals get to where it is today. He provides the programming muscle to Just Professionals, and plays the bass guitar in a local band for fun.
follow me on twitter


  • http://www.premierpixels.com Las Vegas Web Design

     Thank you so much for sharing your thoughts.

blog comments powered by Disqus
Just Professional - MMA Web Design

JustProfessionals J

PostDraw.com gives Draw Something fanatics a place to showoff
OMGPOP, recently bought by Zynga Inc. (NASDAQ:ZNGA) shell-shocked the mobile gaming ...

Believe In The Value of Your Product
When Just Professionals opened its doors in the middle of a ...

New Yahoo! Store from Just Professionals
Just Professionals is excited to announce the launch of our latest ...

JUST PROFESSIONALS Sponsors Frank Mir at UFC 119 versus Cro Cop
Just Professionals and its staff are huge fans of the MMA ...

Just Slide – jQuery Content Slider
What is it? A jQuery slider plugin. Used to take a list ...