Chapter 9. Shufflers and Rotators
Spin that wheel Go along for the ride | ||
-- Devo, “Spin the Wheel” |
It’s not enough anymore to craft literary masterpieces on the web. People clamor for more. They want the words to move. They want pretty pictures on demand. They want Shufflers and Rotators! In this third and final how-to chapter, we’ll use advanced animations, ultra-hip AJAX, and superfluous eye candy in an attempt to give the people what they want and really shuffle things around.
Headline Rotator
For our first rotator example, we’ll take a news feed and scroll the headlines, along with an excerpt of the article, one at a time into view. Unlike with the typical news ticker, however, each news item will scroll up, not across. Then it will pause for a few seconds before it continues up and out of sight while the next one scrolls into view.
Setting Up the Page
At its most basic level, this feature is not very difficult to implement. But as we will soon see, making it production-ready requires...