On 4/27/08, n9urk <[EMAIL PROTECTED]> wrote:
>
>
> ...
> http://www.gucci.com/us/index2.html
>
> I would like to take a few images and be able to have them move across
> the screen similar to how they have done it with sliding the much
> larger image behind the smaller opening.
>
> Thanks,
>
> Leonard
>
It seems like it would be easiest with a background image and
Effect.morph(). Try starting with the code below.
- Ken Snyder
// assume that the image is 700 wide by 500 tall
<div id="slidingBanner" style="height: 500px; width: 500px;
background:url('image.jpg') -200px 0"></div>
$('slidingBanner').morph({backgroundPositionX: '0px'});
Note that you can put all the style attributes in CSS except for
background-position-x must be inline for morph to work.
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
