Example: step by step
For example you have bought this extension, and don’t know what to do next, it isn’t a problem, you can use our example as a basis!
Unzip package ZoomGallery.zip. Flash Zoom Gallery is distributed as a Adobe Dreamweaver 8 (or later) extension, packed as a file named ZoomGallery.mxp. To install it, you'll just need to execute that file or use the Adobe Extension Manager.
Flash object can be inserted in the web page through the menu option "Insert -> Media ->Flash Zoom Gallery" or the Insert Bar.
Inserting flash object in the page through the menu option.
Note: Before you insert Flash Object into new web page, save the HTML file.
Note: Flash Object can not be inserted into editable region or library.
The path to the script file.
Note: Make sure that in the tag <head> in the code of your HTML page the path to these files are correct and you’ve copied them onto FTP.
The path to the important scripts files.
You can put in your site folder a folder with your images, photos etc. For example, let’s create folder 'photos' (as in our example from the package ZoomGallery.zip) and copy there some photos.
You need to set paths to the config.xml, gallery.xml.
Set paths to the files.
The content of scroller is situated in gallery.xml (XML file). Open the gallery.xml file in Dreamweaver (File -> Open), to change the content of your scroller. Also, you can open the XML content file through FlashDevelopment24 Wizard (Right click on Flash Object, then FlashDevlopment24 Wizard -> Flash Zoom Gallery).
Open gallery.xml through the FlashDevlopment24 Wizard.
You can see a template of gallery.xml file. And the structure of your site (on the right). In the XML file you can see image="photos/photo01.jpg" so this is the path to your photo that is used in thumbnails and as an image preview. Also you can see large_image="photos/photo_large_01.jpg" - this source of the image that is used in Zoom window. You need to set them according your site structure. So if you have for example file myphoto.jpg and myphotolarge.jpg, and the folder 'images' in the site folder, the path to the images will be following: image="images/myphoto.jpg" and large_image="images/myphotolarge.jpg"
Use FlashDevlopment24 Wizard (Right click on Flash Object, then FlashDevlopment24 Wizard -> Flash Zoom Gallery) to adjust the component appearance by changing different attributes in different Categories. Also you can do this by changing the attributes of the tag <config> directly in the file config.xml.
After you've adjust the appearance of your scroller, you need to set the flash object width and height according to the real image gallery size (which appears in browser) by dragging the sizing handles or set width and height in the Properties.
To preview your page you’ll need to save your document Select File > Save, than Select File > Preview In Browser, and then select one of the listed browsers or press F12 (Windows) or Option+F12 (Macintosh) to display the current document in the primary browser. Press Control+F12 (Windows) or Command+F12 (Macintosh) to display the current document in the secondary browser.
Note: To interact your component with the page is using a Javscript, thats why set up global security settings.