Flash graceful degradation

HTML & CSS
1

Hi all,

Im currently working on a site that uses flash for various presentational areas like header banners etc

I understand not all users have/use flash and I would like to be able to implement graceful dergradation and fall back to maybe an image if flash isnt detected by the browser, can this be done?

Thanks

Kyle

2

<object> element alternate renderings.

ala

<object type="application/x-shockwave-flash 
        data="c.swf?path=movie.swf" width="400" height="300">
<param name="movie" value="c.swf?path=movie.swf" />
<img src="noflash.gif" width="200" height="100" alt="" />
</object>

ff the browser doesn’t know how to play flash, it will simply go for the next child element and give that a try. failing that, you can simply use text.

w3c

<OBJECT title="The Earth as seen from space" 
        classid="http://www.observer.mars/TheEarth.py">
                    <!-- Else, try the MPEG video -->
  <OBJECT data="TheEarth.mpeg" type="application/mpeg">
                    <!-- Else, try the GIF image -->
    <OBJECT data="TheEarth.gif" type="image/gif">
                    <!-- Else render the text -->
     The <STRONG>Earth</STRONG> as seen from space.
    </OBJECT>
  </OBJECT>
</OBJECT>
3

Alternatively, build your website as if there was no Flash, and then replace the elements with JavaScript, probably using something like SWFObject which does the detecting and creation of the Flash object all for you.

4

Thats great guys, thanks loads!