Animating Images with JavaScript

Animating between a number of images is fairly easy to do and works in Netscape Navigator 3.0+ and Internet Explorer 4.0+. Put the URLs of the images you’d like to show into an array and create a variable to store your current place in that array. Once the user clicks on the link to start the animation use the setTimeout command to call your routine at regular intervals and display the next image. The following code shows you how to use the setTimeout command to switch among a number of images in an array.

 Animate Image

One caveat: Because we are not pre-loading the images in the animation for this simple solution, you need to make sure that the interval between the images (2000 milliseconds in the example) is enough time to load each frame. Otherwise the browser might switch to the next frame before the one being displayed is fully downloaded.

Share the Post:
Share on facebook
Share on twitter
Share on linkedin

Overview

The Latest

microsoft careers

Top Careers at Microsoft

Microsoft has gained its position as one of the top companies in the world, and Microsoft careers are flourishing. This multinational company is efficiently developing popular software and computers with other consumer electronics. It is a dream come true for so many people to acquire a high paid, high-prestige job

your company's audio

4 Areas of Your Company Where Your Audio Really Matters

Your company probably relies on audio more than you realize. Whether you’re creating a spoken text message to a colleague or giving a speech, you want your audio to shine. Otherwise, you could cause avoidable friction points and potentially hurt your brand reputation. For example, let’s say you create a

chrome os developer mode

How to Turn on Chrome OS Developer Mode

Google’s Chrome OS is a popular operating system that is widely used on Chromebooks and other devices. While it is designed to be simple and user-friendly, there are times when users may want to access additional features and functionality. One way to do this is by turning on Chrome OS