Even though this was technically the first bit of JavaScript I developed, it’s my second official release. It’s a knock-off of the Coda site effect, first developed for iFeedFish, and recently it’s been used on an up-and-coming site I’ve been developing at work. Reusing the code has provided me with the perfect excuse to modularize it, document it, and now you can own the effect yourself!
I’m calling it PageSlide JS, and it’s proof positive once again that I am super awesome at naming these things. Just like with SmoothScroll, this is being released under the MIT license, so you can do whateverthehell you want with it. Unlike SmoothScroll, I actually have a mini-site for it up and running. You can find that at http://pageslide.ifeedfish.com.
On the site there are usage instructions, samples, and even a writeup for a weird Safari bug I encountered when implementing it.
This bit of software requires both the Prototype JS library as well as Scriptaculous.
Enjoy, and please do leave feedback if you manage to do interesting things with it!
This blog belongs to Jade Rauenzahn, a 25 year-old web developer who lives in Santa Clara, CA.
What if when it got to the last page in the slider, instead of going back to the beginning you used dom scripting to duplicate sliderContainer and stick it in at the end so it just kept going?
Gotta make things complicated, don’t ya? …Actually that sounds rather exciting, I might end up messing around with that over the weekend.
Good thinking!
Very cool Jade! Nice to see you releasing stuff too.
Thank you for sharing!