{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf320
{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;\red0\green0\blue0;}
\margl1440\margr1440\margb1800\margt1800
\deftab720
\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardeftab720\pardirnatural

\f0\fs24 \cf2 \expnd0\expndtw0\kerning0
\up0 \nosupersub \ulnone \outl0\strokewidth0 \strokec2 GRAPHIC NEWS INTERACTIVE (last modified 05Aug2010)\
\
When you download interactive graphics from http://www.graphicnews.com you should see two files. For example, with graphic GN12345 you would see GN123435W.zip and GN12345F.zip\
\
F.zip - Ignore this file unless you are an artist with Flash and you want to modify the graphic artwork itself, tailor it to your own editorial requirements, or use the coding for a different Flash graphic.\
\
W.zip is the file you need to play the graphic on your own computer or on your website.\'a0\
GN12345W.zip decompresses to a folder called "GN12345W" with the following contents:\'a0\
GN12345W\
		-	GN12345.swf\
		-	GN12345.xml\
		-	styles.css\
		-\'a0	images (folder)\
\
B.zip contains an animated Flash button which will open the graphic in a web page\
GN12345B\
		-\'a0	GN12345B.swf\
		-	GN12345B.xml (edit this file to direct the link to a different page)\
\
L.zip contains an animated Flash button which will open the graphic in a lightbox (see below)\
GN12345L\
		-\'a0	GN12345L.swf\
		-	GN12345L.xml (edit this file to direct the link to a different page)\
\
1. TO PLAY THE INTERACTIVE GRAPHIC ON YOUR DESKTOP\
Open the file GN12345.swf with Flash Player (download the Flash Player debugger (not plugin) from www.adobe.com and install) by dragging it onto the application icon\
\
If you receive an Adobe Flash security message, this relates to the loading of live data into the graphic. You must click on Settings, at which point your browser will load the Macromedia Global Security Settings web page. Click on Add location and then Browse for files... to the swf file you were trying to play. Once you restart Flash Player you should be able to play the file without problems.\
\
2. TO TRANSLATE OR EDIT THE WORDS\
Open the file GN12345.xml in a text editor. You can do this whilst you are viewing the Flash graphic in Flash Player, \'a0but you will only see your changes after you save (DO NOT RENAME the .xml file), and re-load the Flash graphic.\'a0\
\
Only edit the words between the [square brackets].\'a0\
Text enclosed in <b>tags</b> is bold.\'a0\
NB: For best results, preserve line lengths and tabs as they appear in the original xml file.\
\
3. TO VIEW YOUR WORD CHANGES\
Save your revised .xml file. Do not rename it.\'a0\
NB When you save in Text Edit you need to select Plain Text, and in addition, you need to specify the encoding as UTF-8 when you Save As... or by setting Preferences\
Close and then re-open the file GN12345.swf.\
\
4. PLACE THE GRAPHIC ON YOUR WEBSITE\
When you first start to use GN interactive graphics, we recommend you create a folder "gn_swf" on your website and place all GN interactive graphics inside this folder. This will allow the files to use common resources, and is required for ALL graphics before GN26707\
\
Place the folder "GN12345W" \'a0in the gn-swf folder on your website. You can now embed the file GN12345.swf into your web page.\
\
If, when you open the web page in a browser, the graphic fails to load the text, edit the embed code to include a "base" parameter to indicate to the graphic where to find the xml files, e.g.\
\
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="600"><param name="movie" value=".gn_swf/GN12345W/GN12345.swf">
\b \expnd0\expndtw0\kerning0
<param name="base" value="gn_swf/GN12345W/">
\b0 \expnd0\expndtw0\kerning0
</object>\
\
5. USING A LIGHTBOX\
A lightbox is a stylish and convenient way to display interactive graphics as it keeps the original page visible underneath. You can use a lightbox for static graphics and pictures as well as interactive graphics.\
\
a. \'a0Download Shadowbox from the www.shadowbox-js.com. Place the folders on your website\'a0\
b. Add the following inside the <head></head> section of the page in which the graphic will be located N.B. the version numbers and locations of the files in this example may differ for your website, PLEASE change as necessary!\
\
\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardeftab720\pardirnatural

\b \cf2 \expnd0\expndtw0\kerning0
\strokec2 <link rel="stylesheet" href="Scripts/shadowbox-3-1.0.3/shadowbox.css" type="text/css" />\
<script src="Scripts/shadowbox-3-1.0.3/shadowbox.js" type="text/javascript"></script>\
 <script type="text/javascript">\
Shadowbox.init();\
var openShadowBox = function(player, title, content, width, height)\{ Shadowbox.open(\{ player: player, title: title, content: content, width: width, height: height  \}); \} </script> \'a0 \'a0 \'a0
\b0 \expnd0\expndtw0\kerning0
\

\b \expnd0\expndtw0\kerning0
\'a0
\b0 \expnd0\expndtw0\kerning0
\
c. To open Shadowbox from your web page, either place the Flash button GN12345L.swf onto the web page or create your own text or image button.\
\
For a link use the following cut-and-paste code:\

\b \expnd0\expndtw0\kerning0
<a href="gn_swf/GN12345/GN12345.swf" rel="shadowbox; width=800; height=600" title="&copy; Graphic News">
\b0 \expnd0\expndtw0\kerning0
Your text or image here
\b \expnd0\expndtw0\kerning0
</a>
\b0 \expnd0\expndtw0\kerning0
\
\
If text is not loading in the graphic, embed the graphic in an html page, remembering to use the base parameter as described above. Then point your link to the html page as follows:\

\b \expnd0\expndtw0\kerning0
<a href="GN12345.html" \'a0rel="shadowbox;height=600;width=800;player=iframe" title="&copy; Graphic News">
\b0 \expnd0\expndtw0\kerning0
Your text or image here
\b \expnd0\expndtw0\kerning0
</a>
\b0 \expnd0\expndtw0\kerning0
\
\
ABOUT SHADOWBOX\
Shadowbox is a javascript lightbox produced by Michael J.I. Jackson and can be downloaded free of charge with the link on the GN22748 download page, or directly from his website http://www.shadowbox-js.com, where you will find comprehensive information about the lightbox and how to use it. We have a Commercial Licence that includes our subscribers, but we need to keep count of numbers so you must register with us to use Graphic News Interactives.}