Creating a Flash Animation using HMTL5?

**lisamariexo** · Jan 7, 2013 03:34

Hello, i am trying to create something that will be able to layer several images one by one in intervals,
but i want to avoid using a flash animation, is there a way i could do this using HTML5?

Thanks in advance

**Pullo** · Jan 7, 2013 04:25

Hi there,

The first thing that comes to mind is this:

HTML Code:

<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Layering images</title>
    <style>
    img{
      position:absolute;
      top: 0px;
      left: 0px;
    }
    
    #imgb{
      opacity:0.5;
    }
    </style>
  </head>
  
  <body>
    <img id="imga" src="IMG_1.jpg"/>
    <img id="imgb" src="IMG_2.jpg"/>
  </body>
</html>

You can position the images on top of each other with CSS, then set the opacity accordingly.
You could then use JavaScript to add a new image every few seconds or so.

Is this the sort of thing that you had in mind?

If it is and you need a hand with the JS, just let me know.

User Tag List

Thread: Creating a Flash Animation using HMTL5?

Thread Tools

Display

Hybrid View

Creating a Flash Animation using HMTL5?

Bookmarks

Bookmarks

Posting Permissions