Object Constructors

AnimatedJpg()

DEFINITION

AnimatedJpg(name, num_frames)

name - the name of the animation + the name of the image to animate
num_frames - the number of frames in the animation

REQUIREMENTS

The following images

    images/name/0.jpg
    images/name/1.jpg
    ...
    images/name/(num_frames-1).jpg

The following HTML

    <IMG SRC="images/name/0.jpg" NAME="name">

DESCRIPTION

This function creates an object to hold the animation frames and an object to hold the animated image. It is a quick way of defining an AnimatedImage() object and an AnimationFrames() object at the same time.
Once defined it can be animated using any of the animation functions.

EXAMPLE

<HEAD>
    AnimatedJpg("home", 5);
    AnimatedJpg("email", 5);
    AnimatedJpg("links", 5);
</HEAD>

<BODY>
    <IMG SRC="images/home/0.jpg" NAME="home");
    <IMG SRC="images/email/0.jpg" NAME="email");
    <IMG SRC="images/links/0.jpg" NAME="links");

    <A HREF="some_url"
        onMouseOver="turn_on('home')"
        onMouseOut="turn_off('home')>Some Link Text for Home</A>
    <A HREF="some_url"
        onMouseOver="turn_on('email')"
        onMouseOut="turn_off('email')>Some Link Text for email</A>
    <A HREF="some_url"
        onMouseOver="turn_on('links')"
        onMouseOut="turn_off('linksl')>Some Link Text for Linksl</A>
</BODY>

 

<<Index>>