Re: Propper fade in effect

2008-11-16 Thread nwhite
Why not do the following before your domready new Element('link',{ 'type' : 'text/css', 'rel' : 'stylesheet', 'media' : 'screen', 'href' : 'extra.css' }).inject(document.head); On Sun, Nov 16, 2008 at 1:11 PM, Roope <[EMAIL PROTECTED]> wrote: > > Thanks guys! > > I wa

Re: Propper fade in effect

2008-11-16 Thread Roope
Thanks guys! I was also thinking about javascript document.write +css combination but it felt bit unprofessional. Since you guys are also suggesting that I think it's the best working solution :) Ken, thanks for shorter code!

Re: Propper fade in effect

2008-11-14 Thread ken
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

Re: Propper fade in effect

2008-11-14 Thread ken
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

Re: Propper fade in effect

2008-11-14 Thread Michal
There is a bit of a hack that I implemented once. It uses document.write: if you server proper xhtml (using MIME type application/xhtml+xml) this won't work (and so it isn't very future proof) If you have the visibility of the elements you mentioned set to hidden (or whatever css properties you w

Re: Propper fade in effect

2008-11-14 Thread Jan Kassens
to hide the elements earlier than domready you could set visibility to hidden in you're css file, but that would hide the elements if javascript is disabled. On Nov 14, 2008, at 16:24, Roope wrote: I have a fade in effect for my fronpage header and couple of images: window.addEvent('dom

Propper fade in effect

2008-11-14 Thread Roope
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: