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/
