Hi Walter,

This is a sample page for the HTML animation (morph) I'm experimenting with... I need some more help please.

At page-load all three blocks start changing colours... however after a while the first 2 boxes become static and do not reload the action... the 3rd box doesn't load the script in full either... just keeps breathing...

I'm trying to achieve continuous loop for colour change... I'm sure you could do it. I'll be obliged.

Action below as I have used for Protaculous/scriptaculous-packed

var myFunction = function(){

var d= 3;

$('a1').morph('background-color:#fecccb',{

duration:3

});

$('a1').morph('background-color:#ccccfe',{

queue:'end',

duration:3

});

$('a1').morph('background-color:#3398cc',{

queue:'end',

duration:3,

afterFinish:myFunction

});

}

myFunction();

var myFunction = function(){

var d= 3;

$('b1').morph('background-color:#feccff',{

duration:3

});

$('b1').morph('background-color:#cccc98',{

queue:'end',

duration:3

});

$('b1').morph('background-color:#666632',{

queue:'end',

duration:3,

afterFinish:myFunction

});

}

myFunction();

var myFunction = function(){

var d= 3;

$('c1').morph('background-color:#cccccc',{

duration:3

});

$('c1').morph('background-color:#cb9998',{

queue:'end',

duration:3

});

$('c1').morph('background-color:#ffcb99',{

queue:'end',

duration:3,

afterFinish:myFunction

});

}

myFunction();