1 Reply Latest reply on Jul 16, 2010 1:51 AM by Kartik Mehta

    Alternate content for Flash area

    Laer2 Level 1

        Hi.  Could someone give me the simplist, yet working method to display alternate content if Flash isn't installed?


        What I have is a website with a Flash header that has the navigation buttons as part of the Flash animation.


        What I TRIED to do is have it so that if Flash isn't installed, it displays an image, plus HTML nav buttons (to replace the Flash nav buttons in the SWF that is not there now).


        I did this with a <noembed> tag... but testing it on an IPhone (...the bane of my existance...), it didn't work, and had nothing in the 'window' where the swf would normally be.  The <noembed> doesn't appear to work... unless I did it wrong, which is entirely possible, as it's already baffling having THREE methods of embedding (<object>, <embed> and javascript) present.


        I COULD just put HTML buttons on the main body (but I quite like the animated Flash nav buttons I have in the SWF, and that would mean two sets of nav buttons, one under the other, which looks dumb..... So, I'd have to have a sytem where it's one or the other.... HTML buttons or Flash buttons in the swf....  which is what I tried, but it didn't work.


        Looking up the subject online, I found lots of very intricate coding that just made my head spin.  I would rather not use coding that I didn't at least partically understand... in case something is not working, etc.



        Could someone outline the easiest and best method to do this:


        If the SWF doesn't show (Flash not installed/supported), it shows the image and HTML buttons (all within the window that the swf would normally be in).


        Please give me the complete, idiot-proof explanation, as vague ones will probably go over my head, as my scripting knowledge is weak, at best... (assuming this involves scripting).


        Would the <noembed> not work, or might it be that it is placed in the wrong spot or something?


        Here's the code I have (...as far as the content of the table cell, which is normally the swf, but attempts to load the image 'noflashheader.jpg' and the html buttons if needed):




      <td width=920 height=120>

      <script language="javascript">
           if (AC_FL_RunContent == 0) {
                alert("This page requires AC_RunActiveContent.js.");
           } else {
                     'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
                     'width', '920',
                     'height', '120',
                     'src', 'flashheader',
                     'quality', 'high',
                     'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
                     'align', 'middle',
                     'play', 'true',
                     'loop', 'true',
                     'scale', 'showall',
                     'wmode', 'window',
                     'devicefont', 'false',
                     'id', 'flashheader',
                     'bgcolor', '#000000',
                     'name', 'flashheader',
                     'menu', 'true',
                     'allowFullScreen', 'false',
                     'movie', 'flashheader',
                     'salign', ''
                     ); //end AC code
      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="920" height="120" id="flashheader" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="flashheader.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#006666" />
      <embed src="flashheader.swf" quality="high" bgcolor="#006666" width="920" height="120" name="flashheader" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

      <img src="i/noflashheader.jpg" width="920" height="90" border="0">
      <div style="width:920; color:d4d4d4; text-align:center;">
      <a href="../ldw.html"><b class="navbutton">EXIT TO MAIN</b></a> ---
      <a href="info.html"><b class="navbutton">INFO</b></a> :
      <a href="anim.html"><b class="navbutton">ANIMATION</b></a> :
      <a href="fx.html"><b class="navbutton">DIGITAL FX</b></a> :
      <a href="imagery.html"><b class="navbutton">IMAGERY</b></a> :
      <a href="music.html"><b class="navbutton">MUSIC</b></a> :
      <a href="web.html"><b class="navbutton">WEB</b></a> ---
      <a href="laersroom.html"><b class="navbutton">LAER'S ROOM</b></a>


      Hope someone can help me out.  Thanks.