Posted on

Infinitely Sliding Tiles with jQuery

by Whit Nelson

The original Mightybytes site had a section which would pull random quotes about the company and display them in a container. The quotes were hard coded into an XML file, and as we moved the site over into Expression Engine, I wanted to move the quotes into the system as well. A cool back-end redesign deserves an even cooler front-end redesign, so I created a gadget which could cycle through all the quotes in the system. My concept was an infinitely scrolling system of tiles, which would slide in the direction indicated by the user.

I searched for a prebuilt script to accomplish this, but I couldn’t find the behavior I wanted. I decided to use jQuery to create the script from scratch. I’ve found jQuery to be a very fast and quite usable library, but I also like MooTools. jQuery does a lot more than I needed for this gadget, but when I select a library I often think about what I may implement down the line, because I have no desire to change libraries later on.

 

No comments yet.

Post a Comment

Commenting is not available in this weblog entry.