In order to morph between two images, you need to have stacked both of
them, then fade the front one out. That gets you a perfect cross-fade
between the images. So to get behind your background image, if it's on
a DIV, just clone a div behind the background and fade out the
background. I think. As I write this, I'm thinking you can't change
the opacity of a background image, only of a "foreground" image. So
maybe clone two DIVs behind the original DIV, remove the background
image from the original, and do the cross-fade between the two clones.
And if you're trying to get behind the main page background, that's
going to be considerably harder 8-)
Walter
On Apr 11, 2010, at 4:20 PM, Jinsa wrote:
Hey Junkshops :)
First I would thank you for your answer. The setStyle may solve the
problem linked to the background image (what a shame that morph don't
work with bgimage :/) but the problem is that I won't get the "morph"
effect between the bakground change which is what I am searching for.
I'm thinking of a clone appearing as the same time the real one
disappears but it seems very complicated to solve a "tiny" problem
right?
The size change is just a fact I've put in order to check the
effect.morph was running, in real case I don't need it.
That sounds quite a deal to do some bgimage morphing, do you have some
idea in order to make it?
Enjoy your night,
Jinsa ;)
On 11 avr, 17:18, Junkshops <[email protected]> wrote:
According to the wiki:http://wiki.github.com/madrobby/scriptaculous/effect-morph
...morph only works on length and color based attributes, so it won't
switch the background image for you. Why don't you just use setStyle
on the containing element and then use morph to change the size?
Cheers, Junk
On Apr 11, 7:48 am, Jinsa <[email protected]> wrote:
Anyone may have a clue? :(
--
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
.
--
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.
