"i think you should try to chain it somehow, maybe using the complete
event on FX
look for the FX in documentation"
I managed to get this going, which is almost there:
var galleryElement = $('gallery');
var galleryObject = new Fx.Morph(galleryElement,
{
link: 'chain',
onChainComplete: function()
{
rotator();
}
});
function rotator()
{
galleryObject.start
({
'opacity': 0
});
galleryObject.start
({
'opacity': 0
});
galleryObject.start
({
'opacity': 1
});
}
rotator();
As you can see the middle 'opacity': 0 really should be:
$('gallery').set('html','<img src=');
but I'm not sure how to do this in a fx chain, any ideas?