/    Sign up×
Community /Pin to ProfileBookmark

pre-loading a gif animation

I have a gif anmation built in Fireworks, this runs fine on broadband but its really, really slow on a dial up connection. ([url]http://www.zytronic.co.uk/touchscreens_zytouch.htm[/url]). Is there anyway to include some pre-load code which loads the full animation in the background but all the user would see is a ‘loading bar’. Or would this be btter built in Flash to try to reduce the size and loading time.

Thanks
nic

to post a comment
JavaScript

4 Comments(s)

Copy linkTweet thisAlerts:
@PittimannJan 23.2004 — Hi!

First of all: technically, the animation is good. You reduced it considerably by using the transparent color as much as possible.

Preloading would be possible but I think, it wouldn't make sense. If I had a dial up connection, went to a site and had a "loading" message on my screen not disappearing for two minutes or so, I would just close that window.

The only way to reduce the gif's size would be to reduce the number of images. The reduction for people on dial up would have the effect, that the movement would no longer be fluent.

I would advise you, to do it with flash!

Cheers - Pit
Copy linkTweet thisAlerts:
@nic1authorJan 23.2004 — thanks for the response, think thats what I will probably do.

Nic
Copy linkTweet thisAlerts:
@IceMetalPunkJan 23.2004 — Hi-

There is a way to preload an image that does not have a loading bar. It is this:

<script>

image1=new Image();

image1.src="img.gif";

document.img_form.image.src=image1.src;

</script>

If you put that at the top of the page and change "img.gif" to the name of your image and the form name and image name to the correct names, it will be the first thing the computer loads. That way, it seems to load faster.

-IceMetalPunk ?
Copy linkTweet thisAlerts:
@PittimannJan 23.2004 — Hi!

nic1's gif has 492 Kb, that is the point, not the bar... :rolleyes:

Cheers - Pit
×

Success!

Help @nic1 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.14,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,
)...