Best way to hide/preload images and elements?

[soupking]

Hi Greensock (and happy turkey day!),

 

This is kind of a base question (and something I might already know the answer to) but I want to make sure that I have things sorted out to the best of my ability.

 

What is the best (and lightest) way to hide/preload elements? I work in banners and rich media so stuff like jQuery is out of the question. I typically set all elements to .hide and then just alpha them back into sight as animated, but is there a better or more common practice that's used? My method works but it's kind of stubborn with some from/to tweening in trying to do things that way. 

 

So if there's a small loader function/library that frames() things in a loading fashion that would be great.

 

Thanks in advance for any feedback!

 

 

[OSUblake]

Just use good ol' JavaScript. There's a million and one different ways, and it depends on how you're using the images. Provide a demo, and we can show how to do that.

[OSUblake]

 But maybe this is good enough for your needs. Ignore my comment at the end the thread. That has to deal with frameworks.

 

 

[soupking]

17 hours ago, OSUblake said:

 But maybe this is good enough for your needs. Ignore my comment at the end the thread. That has to deal with frameworks.

This is perfect. My content rarely exceed 200kb or so. I don't need (and don't know why people use) some sophisticated preloader. I just want the security that my clients won't see their content plop on raggedly. 

 

So THAT'S what autoAlpha is for. Cool, cool, cool. I have been dealing with that pesky "from Zero" issue with alpha for as long as I can remember. Just never had time to get around to asking about it. Just wrote a bunch of 5-minute hacks in CSS.

 

This is one of those HowTo's that is a cornerstone to getting stuff done. There's myriad ways to getting this done but sometimes doing it in a direct fashion rather than a longstanding workaround is really nice. This is one of those instances. Thanks OSUBlake!!!