Actually I'm working on a "background auto-morph" in order to make a
moving background using effect.morph. So, basically I set up one bg
and each x-time it will change to another bg. So what I have coded:
// first, my init function in order to set the background, I make it
in JS because I do not want to have a CSS conflict ;)
background:'transparent url(top_frame.jpg) no-repeat center
// then the "change it" functionality :)
$('top_frame').morph('background: url(images/top_frame2.jpg) no-
repeat center top; width:1600px;');
// execute it after the DOM loaded
alert('init done, lets change it once!');
Event.observe(window, 'load', bindage);
And I have one div named "top_frame" in my HTML. You can see the
example here: http://jinsa.fr/morphbg/test.html
Ok ok, so that worked in my head but don't make it in the real world
(as real that can be the Internet ^^). The effect.morph is launched
because we can see the width change but it do not switch to the other
Do you have an idea how to make it work?
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 prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to
For more options, visit this group at