Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>There is a blog post here that may help <a href="http://www.malphursinteractive.com/flash-to-html5-fallback/" rel="nofollow">http://www.malphursinteractive.com/flash-to-html5-fallback/</a></p> <p>Essentially the idea is to use CSS conditionals to load the relevant javascript depending on the browser e.g.</p> <pre><code> &lt;!--[if !IE]&gt; --&gt; &lt;script type="text/javascript" src="javascripts/swiffy.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="javascripts/animation.js"&gt;&lt;/script&gt; &lt;!-- &lt;![endif]--&gt; &lt;!--[if IE]&gt; &lt;script type="text/javascript" src="javascripts/swfobject.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; swfobject.embedSWF("images/animation.swf", "swiffycontainer", "300", "390", "9.0.115"); &lt;/script&gt; &lt;![endif]--&gt; </code></pre> <p>The 'swiffy.js' is the Google Swiffy library, the 'animation.js' contains the specific animation javascript created by exporting Flash to Swiffy. These are loaded for <b>NON IE</b> browsers.</p> <p>The 'swfobject.js' is loaded and embed code is run for IE browsers to display a Flash fallback.</p> <p>You then have a div in your page to hold the animation and target it with the 'swfobject.embedSWF' code.</p> <pre><code>&lt;div id="swiffycontainer"&gt;&lt;/div&gt; </code></pre> <p>You can also provide a Non flash fallback with CSS e.g.</p> <pre><code>#swiffycontainer{ width: 300px; height: 390px; background: url('../images/animation.gif') no-repeat no-repeat; background-position: center center; </code></pre> <p>}</p> <p>Hope that helps.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload