Beyond Flash Example
Click the pages to see a demonstration of HTML/CSS, Javascript and Flash all working together!
Page 1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eleifend, metus non molestie nonummy, ante urna interdum ante, vitae dictum felis urna sed felis. Curabitur pellentesque volutpat eros. Nulla nec nisi. Nullam dapibus molestie purus. Integer id diam sed dolor dictum malesuada. Nullam fermentum facilisis felis. Pellentesque ut diam id arcu pretium tempus. Nullam diam leo, adipiscing non, commodo et, ullamcorper dictum, dolor. Etiam in lacus. Aenean pretium. In imperdiet metus consequat metus. In quam. Proin enim enim, sodales vel, consectetuer ac, adipiscing ac, quam. Sed euismod orci quis metus. Cras auctor. Ut purus tortor, varius eget, tempor in, rhoncus vitae, lectus. Proin sodales auctor urna. Quisque blandit justo pretium dolor. Sed vel leo nec augue hendrerit semper.
Page 2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Page 3
This is an example of a form.
Nullam diam leo, adipiscing non, commodo et, ullamcorper dictum, dolor. Etiam in lacus. Aenean pretium. In imperdiet metus consequat metus. In quam. Proin enim enim, sodales vel, consectetuer ac, adipiscing ac, quam. Sed euismod orci quis metus. Cras auctor. Ut purus tortor, varius eget, tempor in, rhoncus vitae, lectus. Proin sodales auctor urna. Quisque blandit justo pretium dolor. Sed vel leo nec augue hendrerit semper.
Page 4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eleifend, metus non molestie nonummy, ante urna interdum ante, vitae dictum felis urna sed felis. Curabitur pellentesque volutpat eros. Nulla nec nisi. Nullam dapibus molestie purus. Integer id diam sed dolor dictum malesuada. Nullam fermentum facilisis felis. Pellentesque ut diam id arcu pretium tempus. Nullam diam leo, adipiscing non, commodo et, ullamcorper dictum, dolor. Etiam in lacus. Aenean pretium. In imperdiet metus consequat metus. In quam. Proin enim enim, sodales vel, consectetuer ac, adipiscing ac, quam. Sed euismod orci quis metus. Cras auctor. Ut purus tortor, varius eget, tempor in, rhoncus vitae, lectus. Proin sodales auctor urna. Quisque blandit justo pretium dolor. Sed vel leo nec augue hendrerit semper.
Page 5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eleifend, metus non molestie nonummy, ante urna interdum ante, vitae dictum felis urna sed felis. Curabitur pellentesque volutpat eros. Nulla nec nisi. Nullam dapibus molestie purus. Integer id diam sed dolor dictum malesuada. Nullam fermentum facilisis felis. Pellentesque ut diam id arcu pretium tempus. Nullam diam leo, adipiscing non, commodo et, ullamcorper dictum, dolor. Etiam in lacus. Aenean pretium. In imperdiet metus consequat metus. In quam. Proin enim enim, sodales vel, consectetuer ac, adipiscing ac, quam. Sed euismod orci quis metus. Cras auctor. Ut purus tortor, varius eget, tempor in, rhoncus vitae, lectus. Proin sodales auctor urna. Quisque blandit justo pretium dolor. Sed vel leo nec augue hendrerit semper.
Why Beyond Flash?
Beyond Flash came out of the need to use HTML and wanting the beauty of Flash. This is an effort to make an easy and simple way to blend the accessibility of html with the animation of flash. JavaScript is then used as the bridge to communicate between the two.
Under the Hood of Beyond Flash
- Unobtrusive Flash Objects embeds the flash into the page.
- CSS sets all of the pieces into its proper place.
- jQuery (JavaScript library) is used to manipulate the HTML to allow the flash page to roll over top of the HTML and then sink back under when the flash animation is done playing.
- HTML content slide-in animation also done with jQuery.
- JavaScript may also be turned off to allow you to see the page normally without the pretty effects
- Flash piece has call backs using Flash's "ExternalInterface" function to indicate what it is dong (Start, Stop or Closing the page).
Can I use Beyond Flash?
At this point Beyond Flash is a proof of concept and a work in progress. I have a few steps left before I release this one to the public.