On Tue, Nov 20, 2007 at 04:03:34PM -0800, Kerb wrote:
> 
> Hi,
> Does any one have an indication on how to create the same effect for
> the cd covers on the page:
> http://www.apple.com/itunes/store/music.html
> 
> lower left
> 
> the thumbs are going from bottom up and one coming up to down.
> 
> there is a soft gradient in front of the back thumbs.
> 
> any shots on how to do the same but not using database? just files
> urls.

You can use Firebug to check out what's going on with the DOM there. A
little bit of research using it shows a surrounding div (fixed width and
height, overflow: none, just below the Recently Purchased text), a div with
a semitransparent gradient background PNG pushed to the bottom, three
fixed-width ul columns moving upwards slowly and jerking back down when
swapping images, and an additional link tag containing the larger thumbnail
moving downward, with position absolute and a z-index of 100.

It's a nice bit of custom coding, but it's pretty easy to implement and
easier still to inspect on the page.

> Thanks
--Greg


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby 
on Rails: Spinoffs" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at 
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to