Well, you got me thinking, and I solved it.

Turns out setting the opacity in the linked CSS file was the culprit.
If I inline the style it works just fine.

Thanks!!

On Sep 20, 8:42 pm, Raconteur <[email protected]> wrote:
> Hi Johan,
>
> Thanks for the reply.  The page is very simple.  Just a div with an
> img in it.  The mouse does not move once inside, meaning I can move
> the mouse over the img and let it go.  The animation ramps up to full
> opacity, and then pops back to 0.4.
>
> There isn't some secret switch I am not setting is there?  Or is there
> some issue with starting from a non-zero opacity when fading in?  I
> have seen this work exactly as I want it on other sites, but the code
> they are using looks, for all intents and purposes, identical to mine.
>
> I don't get it...
>
> On Sep 20, 12:10 am, Johan Arensman <[email protected]> wrote:
>
> > It could be that when you mouseover your element you move over another
> > element and then back to the element you're fading. If that's the case the
> > animation could reset itself.
>
> > Maybe you can try fading the parent of the element?
>
> > On Sat, Sep 18, 2010 at 10:26 PM, Raconteur 
> > <[email protected]>wrote:
>
> > > Hi all,
>
> > > I am trying to use Effect.Opacity (or Effect.Fade or Effect.Appear) to
> > > fade images in from 0.4 opacity to 1.0 on mouseover.
>
> > > The problem is as soon as the animation stops, the image jumps from
> > > 1.0 back to 0.4 whether the mouse has moved or not.
>
> > > Am I missing something here?  The 0.4 is set in a CSS file,
> > > onmouseover invokes a simple function to create a new instance of
> > > Appear or Fade, and all I am setting for options is from:0.4 to:1.0
> > > and duration0.5.
>
> > > Thanks for any insights!
>
> > > Chris
>
> > > --
> > > You received this message because you are subscribed to the Google Groups
> > > "Prototype & script.aculo.us" group.
> > > To post to this group, send email to
> > > [email protected].
> > > To unsubscribe from this group, send email to
> > > [email protected]<prototype-scriptaculous%[email protected]>
> > > .
> > > For more options, visit this group at
> > >http://groups.google.com/group/prototype-scriptaculous?hl=en.

-- 
You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" 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/prototype-scriptaculous?hl=en.

Reply via email to