Perishable Press

Perishable on Tumblr-- it's about time..
Oct 01
Permalink

Implementing jQuery Sliders

For the new Perishable Press design, I am incorporating CODA-like slider functionality. At first I was wrestling with the Coda Slider Effect over at jQuery for Designers, but was having problems getting consistent horizontal sliding to work within a narrow parent division. Also found it difficult to add multiple sliders with that technique.

Eventually, after about a day of wrangling, I decided to move on to Niall Doherty’s popular script provided at ndoherty.com. Four hours later, I modified the script, CSS, and markup to suit my needs and feel very satisfied with the results: proper scrolling and multiple sliders working perfectly within a highly elaborate page design.

Tested on Safari, Camino, Opera, and Firefox on the Mac, as well as Internet Explorer 7, Opera, and Firefox on the PC.