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
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---