In Part I, we discussed how relying on Flash for websites can lead to problems with smartphones that don’t support Flash. We recommended the solution of detecting whether Flash is installed and, if not, substituting an alternative such as a non-animated graphic image. But that can be rather boring and not in keeping with your site’s up-to-date and sleek philosophy.
In this Part II, we present how, for our clients, we have created Flash-like effects without using Flash at all. Who says that the alternative has to be a boring static image, right?
Example 1: Rotating and Fading Slideshow
Apple eschews Flash technology, and that’s why there is and probably will never be any Flash support on the iPhone and iPad devices. If you go to Apple’s website, you’ll see them using this effect in many places.
Example 2: Rotating, Fading and Sectioned Slide Show
One disbeliever who is now a happy client said, “so, you can rotate through images, but what about special effects?” We asked him to mention one, and he said “okay, can you have an image swipe across from left to right in three sections?” We worked for a bit and show him something similar to our second example here, and he was convinced.
Example 3: Two-Dimensional Sectioned Slide Show
Just to prove our point without any doubt, we took our second example with horizontal sections and added vertical sections to generate two-dimensional sectioning with two rows and three columns.
- image fade in / fade out
- image scrolling
- drop-down / slide
- changing speed
- changing color
- zoom in / zoom out
- sprite (individual image) control
- overlaying / superpositioning
- multiple image morphing
- synchronization of disconnected animations
- video playback
- accurate sound and video synchronization
- high frame rates for graphics
- unlimited text font support
- realtime user interaction
* * *
In our two-part article, we hope we’ve expanded your thinking about how not to use Flash, at least not for every animation. We would enjoy hearing from you if you’d like to see if we can help with your site animations.