Simple jquery Slider
You don’t have to look far nowadays to see what’s becoming a typical feature on many sites, the horizontal javascript slider. Either through mootools, jquery or some other javascript framework, they make it easy to achieve effective results through little code.
The slide serves many purposes but I guess it’s a great way of getting extra information into a compact space. Intuitive controls such as forward and back arrows or numbering also make sliders easy to use and can offer handy functionality to users.
I’ve just developed my own slider using jquery for mach4cs.co.uk. Originally I developed a form for users to fill out so that mach4cs.co.uk could design a bespoke computer using the information provided by the customer. However, the form was quite long so the slider was a perfect way of simpliflying the process. Although the content is the same, splitting the form up into 5 bite size chunks makes it less daunting and easier to read.
You are welcome to use the javascript found here: http://mach4cs.co.uk/js/slider.js.
You will also need to download jquery.
You will also need to look at the html and css used on the page: mach4cs.co.uk. The relevant CSS starts at 272 and ends on line 342.
Probably should have displayed all the relevant code here, but hey, I’m lazy!
Let me know if you find the slider useful!
