2

I am captivated by the split-flap animation on Apple's 10 billion song download page. However, I have not been able to replicate it on my own machine. I have downloaded the script and what I believe is the appropriate css, but the page only displays 3 images of the number 0. Has anyone gotten the script to work off of the Apple site?

1
  • explain a bit what you are doing.. perhaps some code as well.. Feb 19, 2010 at 19:38

4 Answers 4

3

The script appears to call out to http://www.apple.com/autopush/us/itunes/includes/countdown.inc - are you hosting a local copy of that in the right location?

1
  • I tried both leaving the URL for the call out unmodified, and hosting a version on my machine. Neither method seems to fix he problem, so I assume the issue is elsewhere. I grabbed the files referenced by the style and script tags, but it doesn't seem to help if I host them on my machine or point them to the initial URL. The code for my stripped down testing page is here: pastebin.com/m2280b9cf Feb 19, 2010 at 21:08
2

Someone has built a nice script to exactly replicate this.

1

I tried on my system and for some reason the IIS would choke on the countdown.inc file .. it would not load it.. i renamed it to countdown.htm, and changed the reference in the code to reflect this and it worked just fine...

3
  • For me, it displays just 3 unmoving zeros whether I use the initial countdown.inc url, a countdown.inc or a countdown.htm on my machine. When you say it worked just fine, does that mean you can see the animation? In that case I am very confused. Feb 19, 2010 at 21:09
  • Here is a page i just made with the bare minimum requirements.... axristo.info/tests/apple-countdown.htm (i noticed that if the countdown file is not loading it displays the three 0s as you mention.. keep in mind that you cannot load it from the apple site since it is an ajax call and it is not allowed..) Feb 19, 2010 at 22:26
  • Thanks! For some reason, it refused to run on my laptop, but it worked fine on my server. Now I get to tear into the js and make it run backwards... Feb 19, 2010 at 23:26
0

Note that the animation is all done with a sprite:

http://images.apple.com/itunes/10-billion-song-countdown/images/counter_filmstrip20100211.png

Otherwise, are you debugging the page locally at all? Any .js errors in firebug?

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.