Pre-load/hide and show an animation

[ozmart2004]

I have an animation of about 111KB that I want to preload in the background because I want to hide it at first and display it when a user does something in particular (just for fun).

Whats the best approach?

Should I load it into a div and use CSS to at first make it invisible or shove off the viewport, or should I use Dreamweaver's Show/Hide layers behaviour? Or is there a better way to do it?

Appreciate any suggestions.

Thks

[Kravvitz]

Dreamweaver's Show/Hide layers behaviour uses badly written, If I remember correctly, JavaScript to manipulate CSS properties.

Lose DreamWeaver.

What kind of animation is it? .swf? .gif?

[ozmart2004]

Its just an animated gif at the moment.

I've been using DW for a while. What's the alternative for design layouts etc? What do you use?

[Ainslie X11]

Perhaps don't lose Dreamweaver, it's a good editor - just don't let it do anything for you.

You can have the gif in a hidden div, then make it visible using a simple dom script,
Hide it
document.getElementById("youDiv").style.display="none";
Show it
document.getElementById("youDiv").style.display="block";

or, whatever display mode you decide to use

[Kravvitz]

True, I've heard that DreamWeaver has a pretty good syntax highlighter.

Currently I use synText Editor.

[ozmart2004]

Thks. As more of a designer than a programmer I have found DW to be a great tool, esp with its integration with Fireworks and Flash. I do some php stuff in Zend but the code view in DW is pretty good as it is.

Cheers