PlusSlider 1.0
42
I’ve been working on PlusSlider and I’ve finally finished Version 1 as promised.
I’ve been working on PlusSlider and I’ve finally finished Version 1 as promised.
I’ve created quite a few jQuery components before, and I continue to do so every day. This forces me to find best practices and short-cuts to cut down development time, keep things simple and cross browser compatible.
This article is going to be about a bunch of jQuery selectors that I find useful and use on a daily basis because, they simply work well for me.
A few weeks ago I posted a tutorial called “Create an infinite polaroid image viewer with jQuery”. What is the difference between that tutorial and this one? I haven’t used the word “Slide” within the other article’s title because the images don’t slide, they fade. There is a slight CSS difference and quite a big jQuery/javascript difference between these two tutorials. We are now forced to use variables, otherwise the javascript becomes absolutely unmanageable.
Timers are useful things to have in your javascript toolbox of tricks. Common examples of looped timers are carousel plugins. These normally have a couple of options, and often one of them is to have the carousel window change every –insert amount of seconds here– seconds. This is basically what we’re going to go through during this tutorial.
This timer isn’t going to be doing anything crazy, it’s merely going to rotate between <p> tags every second. The rest is up to you and your imagination.
Functions save you time – And if you didn’t know that, you should probably get on the function band wagon.