Maybe an easier way would be to use a single absolute positioned div with a
while background, fade that in and out and when it goes solid white, switch
the background image and then fade the white back out.

  _____  

From: Oskar Krawczyk [mailto:[email protected]] 
Sent: Wednesday, 15 July 2009 8:49 PM
To: [email protected]
Subject: [Moo] Re: Need suggestion: Background image change


I believe all JS-based solutions are way too slow to get this done. This is
one case Canvas might come in handy- should be fairly performant, even on
IE. 

O.

___

Oskar Krawczyk
http://nouincolor.com



On Wed, Jul 15, 2009 at 11:05, Piotr Zalewa <[email protected]> wrote:


You can do a bit of hacking to make fading like effect available.



1.      create a div#page and steal all the html from body. 

2.      set zIndex on #page to 2 

3.      create div#fade with fixed position and window full size and zIndex
1 with opacity 0 and some color you'd like to fade to. 

4.      fadeIn the #fade, change the background and fade it out.

You may add also an image to #fade and fade 2 images (yes - it would be very
slow)


2009/7/14 Thierry bela nanga <[email protected]>

... 


you can't fade them, but you can animate their movements.

On Tue, Jul 14, 2009 at 4:37 PM, Oskar Krawczyk <[email protected]>
wrote:


No, you can't animate the background image with MooTools (or any other
framework). You can animate numeric values (sometimes alphanumeric like hex
colors).




-- 
zalun
-------
+447961229551
London, UK



Reply via email to