Edit:
$$('.hotspot', '.heading').each(function(el){el.get('tween',
{property: 'opacity',
duration: 'long', transition: Fx.Transitions.Quint.easeIn}).start
(0,1)});
On Nov 15, 2:43 am, ken <[EMAIL PROTECTED]> wrote:
> you could actually write it in a shorter way
>
> $$('.hotspot', '.heading').get('tween', {property: 'opacity',
> duration: 2400, link: 'wait', transition:
> Fx.Transitions.Quint.easeIn }).start(0);
>
> On Nov 14, 11:24 pm, Roope <[EMAIL PROTECTED]> wrote:
>
> > I have a fade in effect for my fronpage header and couple of images:
>
> > window.addEvent('domready', function(){
> > var fade = $$('.hotspot', '.heading');
> > fade.each(function(element) {
> > var fadeIn = new Fx.Morph(element, {
> > duration:2400,
> > transition: Fx.Transitions.Quint.easeIn,
> > wait:true
> > });
> > fadeIn.start({'opacity': [0, 1]
> > });
> > });
>
> > });
>
> > This way images and stuff are visible until element are fully loaded
> > and it looks stupid. Is there better way to do this?
