Does anyone know how the news ticker on the Apple home page was made (www.apple.com). A scrolling horizontal news ticker. By clicking on the news items you move to the individual news description on a different page.
Apple’s is using Prototype.js and some custom code. You could do this
with my Carousel Action, set to an auto-scroll interval. Make a stack
of layered divs, each one containing one linked headline. Group them,
apply the Carousel Action to the group, set it to animate
horizontally, then set the Auto-scroll interval in the Actions
palette. Experiment with different timings to see if you can get the
effect you want.
Walter
On Jan 2, 2009, at 11:52 AM, RobP wrote:
Hi,
Does anyone know how the news ticker on the Apple home page was made
(www.apple.com). A scrolling horizontal news ticker. By clicking on
the news items you move to the individual news description on a
different page.
Have a look at my setup at http://www.focusonfitness.nl/test/01. This is supposed to be the homepage. I really like the behaviour of the MooTools accordion effect…
Down the visual is supposed to be the apple like news carrousel.
Personally (and don’t take this the wrong way) I think there is just too much going on here.
I think the sequence timer is fine but you don’t need another set of changing images (news items) to distract you even more. (Maybe a bit more fade in and out between images on the Header)
The other disconcerting thing about the accordion implementation is that the rest of the page content goes up and down with the accordions. There may be a better way to layout the page to avoid that.