Basics

• First of all a graphic animation must be created using a paint program such as Paint Shop Pro or Corel Draw.

• Once you have created an animation from a selection of images you must save it as a gif animation file (gif89a).

• You then determine the pause between each frame. For example if you wish the picture to not be noticed by the eye aim for at least 25 frames per second i.e. a pause of 0.04 seconds.

• You then write the HTML code to display the gif file and it's as simple as that.

Example Code (Identical to the code for inserting images):

<img src = "diff.gif" width="357" height="265" alt="diff image">

Points to Remember

• Firstly make your images the right size, number of colors, and appropriate.

• GIF allows for any number of colors between 2 and 256 thus the fewer colors the less data and the smaller the graphic files.

• Not all software will let you set the bits per pixel for GIFs. Some programs will let you do it for 256 color, 16 colors, or black and white.

• Not all do adaptive palettes-that is construct a palette that is specifically for the colors you used in your image.
  
  

Example

The example below shows differentiation of the function f(x)=x⁴-4x³-2x²-5x-120 to f⁵(x)=0 with two second intervals between the frames.