Overview
JFE is the easyiest way to embed Flash objects in our html pages, using alternate contents or upgrade messages of the Flash plugin, if needed. The plugin add dynamic control of the flash object via jquery with javascript calls or special fquery calls.
Features
- Easy and fast embedding
- Alternate content for missing or obsolete Flash plugin version
- Support for iPad, iPhone & iPod Touch
- Dynamic upgrade messages
- Manual activation option
- Automatic connection with ExternalInterface for Javascript and Actionscript communication
- Cross platform and Cross browser compatibility
- Again JFE has the new fQuery framework in alpha stage (soon available for download in .swc format) for a more advanced control of the internal Flash instances
How does it work?
JFE need the inclusion of the updated version of jQuery, the JFE plugin in the available versions compressed or developing, and the jfe_style.css customizable style sheet.
javascript
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="flash/assets/js/jquery.jfe-1.0.0.min.js"></script>
<link rel="stylesheet" href="flash/assets/js/jquery.jfe_style.css" type="text/css">
<script type="text/javascript">
$(document).ready(function() {
$("#player").jfe ({ ver:"10,0,0", display:"both" });
});
</script> Every JFE embed is represented in the html code by a div element containing: the Flash object and some special elements for displaying message and alternate contents.
Elements name could actually be: jfeUpgrade, jfeAlternate, jfeHasFlash and jfeManual;
html
<div id="player">
<object data="flash/jfeFlash.swf" width="280" height="210" type="application/x-shockwave-flash">
<param name="movie" value="flash/jfeFlash.swf" />
<param name="flashvars" value="xml=flash/assets/jfeFlash.xml" />
<param name="allowFullScreen" value="true" />
</object>
<div class="jfeUpgrade" style="display:none;">This content requires the updated version of the Adobe Flash Player plugin<br><a href="http://www.adobe.com/go/getflashplayer">Get Adobe Flash Player</a></div>
<div class="jfeAlternate jfeAlternateDefault" style="display:none;"><p><img src="http://wwwimages.adobe.com/www.adobe.com/shockwave/download/images/flashplayer_100x100.jpg" width="100" height="100" alt="Adobe Flash Player Logo" align="left" /><br/>I'm the Alternate Content of the Flash Plugin</p></div>
</div>