Do you have a sample page? - jake
On 3/29/07, Yansky <[EMAIL PROTECTED]> wrote: > > I would've thought having the gif as the div's background would be the way to > go. > > Perhaps instead of appending the image onclick, you could have it there > already with a z-index that hides it, then changed the z-index onclick. > > > Robert O wrote: > > > > Hello everyone, > > > > Just enjoying reading this list, there's a lot to learn about jQuery > > =] > > I've managed to create a background image blend effect thats > > triggered from a thumbnail gallery but I'm struggling with a problem on > > one of my loading gifs in IE, it appears as expected over the thumbnail > > but doesn't animate until the fadeOut starts. Are there some tricks to > > using animated gifs in IE? I already changed it to an image tag rather a > > div with the gif as a background but it still didn't really help. > > I snipped the code that it's a part of, you can see what (i think) > > is the relevant code: > > > > // a part of the click event on the form > > $(currentForm).append(' loader.gif '); > > > > // swapped bg images on #img and faded it in then in the fadeIn > > callback > > function: > > $("#img").fadeOut( 0, function(){ > > $("#bg-loader").fadeOut(400, function(){ $(this).remove(); }); > > }); > > > > the css for bg-loader is: > > #bg-loader { > > display: block; > > background: #fff; > > padding: 29px; /* creates 74x74pixel square centred image */ > > opacity: 0.8; > > position: absolute; > > top: 0; > > left: 0; > > } > > > > > > If you know something that might help I'd love to hear from you, > > it's a small niggle but it's a niggle none the less =] > > > > Cheers, > > Rob > > > > > > > > > > _______________________________________________ > > jQuery mailing list > > discuss@jquery.com > > http://jquery.com/discuss/ > > > > > > -- > View this message in context: > http://www.nabble.com/loading-gif-not-animating-until-fadeIn-completes-in-IE-tf3488506.html#a9742172 > Sent from the JQuery mailing list archive at Nabble.com. > > > _______________________________________________ > jQuery mailing list > discuss@jquery.com > http://jquery.com/discuss/ > _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/