www.webdeveloper.com
Results 1 to 2 of 2

Thread: Flash Paper

  1. #1
    Join Date
    Feb 2007
    Posts
    95

    Flash Paper

    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
    Last edited by mlibkind; 10-28-2008 at 10:28 PM.

  2. #2
    Join Date
    Feb 2008
    Location
    NW Washington State
    Posts
    1,856
    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...
    Code:
    <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/flashpla...object_02.html
    Just using <object> will result in that annoying "Click to activate this control" message in older browsers like IE6.
    Best wishes,
    EfV

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles