Flash Zoomer Manual Yofla.Com
Total Page:16
File Type:pdf, Size:1020Kb
Flash Zoomer Manual YoFLA.com Thanks for using Flash Zoomer Thanks for downloading and using Flash Zoomer. Please feel free to contact us at [email protected] if you have any troubles installing or customizing the tool. It helps us to improve this manual. Implementing the Flash Zoomer To use Flash Zoomer on your site, you need to embed it into the html code. Here we show you how to do it using the SWF Object. First, download SWF Object from http://blog.deconcept.com/swfobject/ and include the swfobject.js in your html code. Than add this code: <div id="flashDiv"> <strong>You need to upgrade your Flash Player</strong><br /> </div> <!-- flashDiv --> <script type="text/javascript"> // <![CDATA[ var so = new SWFObject("imgs/flashZoomer.swf", "flashzoomer", "450", "300", "8", "#FFFFFF"); so.addVariable("imgsrc", "imgs/taj-mahal.jpg"); so.addParam("quality", "high"); so.write("flashDiv"); // ]]> </script> Most important is the addVariable statement. Change “imgs/taj-mahal.jpg” in this example to path to your image. Alternatively you can pass the imgsrc parameter also this way: flashZoomer.swf?imgsrc=imgs/taj-mahal.jpg Changing size of the Flash Zoomer If you wish to use a different size of Flash Zoomer, you must open the flashZoomer.fla file in Flash IDE and update : 1. flash movie size 2. the size of the zoomer > image > placeholder movieclip instance on the stage. Match the content of the placeholder to your desired dimensions Be sure you scale the content of the placeholder, not the placeholder itself (so it's width and height is always 100%). 3. the position of navigator window and zoom/move icons so it matches the new movie size Then just publish the movie and update also the html / swfobject code with the new width and height. Flash Zoomer Manual YoFLA.com Creating new Theme / Skin Flash Zoomer comes with the .fla file which enables you to customize: - the colors - the icons - the cursors - the positioning of elements If you are experienced with Adobe Flash, it should be easy and straightforward for you to customize the Flash zoomer. Just edit the items in the library / on the stage. Things to keep in mind are: 1. don't rename the instance names on the stage 2. don't rescale the navigator and image movieClips using the percentage modifier – instead modify their content to match your desired size Tips: the easiest way to change the icons / cursor is to right-click the desired bitmap item in the library, choose properties and then import to import your image. Support information Author: Matus Laco Contact email address: [email protected] Manual version and date: version: 1.0.0 date: 18.10.2007 url: http://www.yofla.com/flash/flash-zoomer/ Credits Motion Twin ActionScript Compiler: http://mtasc.org/ FDT: http://fdt.powerflasher.com/ Tweener: http://www.free-flash-scripts.com/tweening/tweener.