Art Photo Gallery
Art Photo Gallery organically blends with any design thanks to flexible appearance settings. You can publish any photos and images on your site in a matter of minutes using this photo gallery.
Help > FAQ > Publishing A Gallery On Your Website
Publishing a gallery on your website
To ensure smooth operation of a gallery on your website you need to have the following files:
- SWF-file (GalleryName.swf) – flash gallery file
- XML-file (gallery.xml) – gallery configuration file
- HTML-file (GalleryName.html) – this file shows how to paste the gallery code into the HTML-page on your site where you plan to use the gallery.
- <Images> folder where you should place your images.
- SWFObject.js – a special JavaScript for the correct display of your gallery.
In the gallery distribution file (the downloaded archive) there is already a working example for which you can change the settings as you see fit and upload it to your site.
Let’s analyze the gallery publishing procedure step by step:
- On your computer open the folder where you extracted the gallery distribution file.
- Copy an image that you want to use in your gallery to <Images> folder (some sample images are saved there already, which you may delete).
- Set the appearance of your gallery, define the path to the images in your gallery and write the names of the files with your images in the settings file (XML-file). For more information on the settings of your gallery see the documentation section (choose your specific gallery). You need to choose “configuring the component” or “configuring the gallery” depending on the version of your software.
- Then you need to insert the gallery code in the HTML page of your website. We strongly recommend you to use a specialized JavaScript SWFObject to insert your gallery, as it guarantees the correct display of flash applications in all most widely used browsers (MS IE, FireFox, Opera, Safary…).
For more information on SWFObject, please, see http://code.google.com/p/swfobject/wiki/documentation
Open the file (html, htm, php, etc) where you want to insert your gallery for editing. Find the <head>…</head> tag and insert the following text there: <script src="path to the swfobject.js" type="text/javascript" ></script>Example:
<head>
<script src="js/swfobject.js" type="text/javascript" ></script>
</head>
Then find the <body>…</body> tag and enter the code below: do not forget to enter your own values instead of the variables in bold.
<script type="text/javascript"> var flashvars = {XMLFile: "XML file"};</script>
var params = {bgcolor: "BgColor", allowFullScreen: "true"};
swfobject.embedSWF("SwfGalleryFile", "myAlternativeContent", "Width", "Height", "10.0.0",false, flashvars, params);
<div id="myAlternativeContent"><a href="http://www.adobe.com/go/getflashplayer"></div>
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a>
SwfGalleryFile
This parameter points to the gallery swf file (GalleryName.swf). You can store your swf files anywhere on server.
Width
This parameter controls width of flash object stage on your HTML-page. The width of the object can be different. For good result size of the stage must be larger than size of the object. Width of the object you will setup in configuration xml file.
Height
This parameter controls height of flash object stage on your HTML-page. The height of the object can be different. For good result size of the stage must be larger than size of the object. Height of the object you will setup in configuration xml file.
BgColor
This parameter controls background color of object stage. So you can adjust its look and feel. The color should be set in RGB in the following format: #NNNNNN, where N is a hexadecimal number (0-F).
XML File
This parameter points to the object xml configuration file. You can store your xml files anywhere on server. But remember this path can be absolute (example: http://www.yourdomain.com/config/gallery.xml) or relative to the directory with your HTML page (example: ../config/gallery.xml). - Now you can upload the gallery to your site.
NOTE:
- If you can not see the gallery on your site, check the paths to SWF and XML files.
- If you can not see the images in your gallery, check the paths to the images and the names of the files with your images in gallery.xml file.
Keywords: size gallery, width gallery, height gallery, background color, full screen mode, path to the XML file, swfobject.js, html page