Gmail Calendar Documents Reader Web more »
Recently Visited Groups | Help | Sign in
Google Groups Home
Message from discussion Effect.Morph will not change vertical background position
The group you are posting to is a Usenet group. Messages posted to this group will make your email address visible to anyone on the Internet.
Your reply message has not been sent.
Your post was successful
 
From:
To:
Cc:
Followup To:
Add Cc | Add Followup-to | Edit Subject
Subject:
Validation:
For verification purposes please type the characters you see in the picture below or the numbers you hear by clicking the accessibility icon. Listen and type the numbers you hear
 
sunn  
View profile  
 More options Aug 1 2008, 5:12 pm
From: sunn <jo...@kolben.se>
Date: Fri, 1 Aug 2008 14:12:54 -0700 (PDT)
Local: Fri, Aug 1 2008 5:12 pm
Subject: Re: Effect.Morph will not change vertical background position
I did some testing and same goes for padding: 50px 50px as well.
Guess this affects all "multi-valued" css properties?

On 31 Juli, 15:52, Diodeus <diod...@gmail.com> wrote:

> Yup, effect.js is just doing a parseFloat on the paired background
> position value, which only returns the first value and tosses the
> second. Line 965 in 1.8.1.

> On Jul 31, 1:07 am, kangax <kan...@gmail.com> wrote:

> > On Jul 30, 1:06 pm, Diodeus <diod...@gmail.com> wrote:

> > > Nope, that doesn't work, nor does it explain why horizontal
> > > positioning woks, but vertical positioning does not.

> > > On Jul 30, 12:36 pm, sunn <jo...@kolben.se> wrote:

> > > > This
> > > > new Effect.Morph('a',{style:'background-position:-50px 0px'})
> > > > should probably be like
> > > > new Effect.Morph('a',{background-position:'-50px 0px'})
> > > > (from your test script -http://jameslab.moveable.com/morph/test.htm)

> > > > the second argument is the styles objecthttp://github.com/madrobby/scriptaculous/wikis/effect-morph

> > > > On 30 Juli, 17:03, Diodeus <diod...@gmail.com> wrote:

> > > > > Effect.Morph is not working properly when changing the vertical
> > > > > background position of a CSS background image. (s version:1.8.1, p
> > > > > version :1.6.0)

> > > > > I'm trying to build a wipe effect. I'm making it appear as if the
> > > > > image splits and then wipes away, starting from the center. This
> > > > > worked well enough with making it split vertically and wipe
> > > > > horizontally; I make two DIVs (left, right) and   reduce the size of
> > > > > the left to zero. The right div I move right, while moving the
> > > > > position of the background to the left, so it appears the image is
> > > > > being wiped away without moving.

> > > > > The problem arises when I was building the second mode - horizontal
> > > > > split with a vertical wipe. The background image in the bottom half
> > > > > did not reposition, it it just appears as if it's sliding down.

> > > > > I did a test to see if Effect.Morph was the problem and it appears to
> > > > > be the case.

> > > > > Vertical split demo:http://jameslab.moveable.com/morph/wipe.htm
> > > > > Horizontal split demo:http://jameslab.moveable.com/morph/wipe2.htm
> > > > > Test script:http://jameslab.moveable.com/morph/test.htm

> > > > > If anyone has some insights I'd appreciate it.

> > I know that jQuery has a separate plugin specifically for animating
> > background position.http://plugins.jquery.com/project/backgroundPosition-Effect
> > Maybe effects.js is not able to parse the style properly.
> > Need to look into this.

> > --
> > kangax


    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.

Create a group - Google Groups - Google Home - Terms of Service - Privacy Policy
©2009 Google