Flash Paper

[mlibkind]

I just learned about Adobe Flash Paper. It's really a neat and simple program for enhancing documents inserted into a website. In my case I want to use it to create an swf version of a jpg file that contains a map. The advantage is that the new file implements panning and zooming automatically.

I created the swf file and opened it in IE6. It worked fine. Then I changed the code in my html code to read

<div class="right"><img src="../../assets/maps/map_0305_final.swf" alt="Map for tour" /></div>

All I did was change the original .jpg to .swf. The file (map) would not display.

I've never used a swf file before. Can anyone tell me what I must do to get it to display.

I've tried both IE6 and Firefox.

I don't think the issue is with the style, but here it is.

div.right
{
position:absolute;
top:147px;
left:348px;
height:555px;
width:552px;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#FFFFFF;
overflow:auto;
z-index:2;
}

Thank you for any help you can give me.

Marcus

[Eye for Video]

The .swf will open in IE6 because it has a Flash plugin to play the .swf directly. But you cannot display a .swf with <img>, you will need to use <object> or better yet, use some Javascript like swfobject.js to place the .swf on the page. Here's an example, but you'll also need the swfobject.js file as well as a pointer to find the file...
<div id="right>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("map_0305_final.swf", "map_0305_final.swf", "552", "555", "8", "#000000");
so.addParam("wmode", "transparent");
so.write("nav_buts");
// ]]></script>
</right>

Check out the latest version here:
http://www.adobe.com/devnet/flashplayer/articles/swfobject_02.html
Just using <object> will result in that annoying "Click to activate this control" message in older browsers like IE6.
Best wishes,
EfV