Skip to content
This repository

A really dumb jQuery + CSS3 slideshow.

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 images
Octocat-spinner-32 README.md
Octocat-spinner-32 index.html
Octocat-spinner-32 jquery-1.7.2.min.js
Octocat-spinner-32 jquery.dumbSlider.js
Octocat-spinner-32 jquery.dumbSlider.min.js
README.md

DumbSlider

A really dumb jQuery plugin for stupid slideshows.

What you need

You will need the following to start using DumbSlider.

  • jQuery 1.7
  • An element with a few images in it (a div will do)
  • A few styles for aforementioned div (height, width, overflow:hidden should be fine)

Usage

Make a block level container (like a div) and put some images in that thing.

<div class="myDumbSlides">
  <img src="/image/0.png">
  <img src="/image/1.png">
  <img src="/image/2.png">
</div>

Apply some baseline css.

.myDumbSlides {
  width: 600px;
  height: 400px;
  overflow: hidden;
}
.myDumbSlides img {
  float: left;
}

Hook up the JavaScript.

$('.myDumbSlides').dumbSlider({
  nextButton: '#next',
  prevButton: '#previous'
});

Yer done.

It should be noted that if you don't define any buttons dumbSlider will auto advance your slides.

$('.myDumbSlides').dumbSlider();

// Optionally change the advance rate (in milliseconds):
$('.myDumbSlides').dumbSlider({
  autoSlideInterval: 8000
});

Why I made it

I found myself creating the same dumb slideshow over and over. All I want is to throw a bunch of dumb images in a stupid div, apply some JS and be on my way.

Next and previous buttons?

Make them yourself. Half of the sliders out there try to make buttons for you or force you to use a specific naming convention. That's dumb. Just make them and tell the plugin what the selector is.

Fancy transitions?

I wanted a dumb slideshow not a PowerPoint.

Little dots or page numbers?

Too hard. If you want that fork this.

Contributing

Seriously though, if you want to contribute please do! Improvements are welcome though major features will probably be ignored.

Who are you again?

I'm Joel Gillman.

Something went wrong with that request. Please try again.