My Account
PDF to First-Rate FlippingBook

Gallery Builder

It never was so easy like now to show photos in an amazing view. It's like one-two-three: choose photos, customize any of 11 galleries, publish the gallery. That's all. More Info

Publishing a gallery on your website

  1. Open the file (html, htm, php, etc) where you want to insert your gallery. Find the <head>…</head> section and insert the following code there:

    <script src="path to the jquery.js" type="text/javascript"></script>
    <script src="
    path to the swfobject.js" type="text/javascript"></script>
    <script src="
    path to the flashgallery.js" type="text/javascript"></script>

    Specify the path to the jquery.js, swfobject.js and flashgallery.js files,
    for example:

        <script src="gallery/js/jquery.js" type="text/javascript"></script>
        <script src="gallery/js/swfobject.js" type="text/javascript"></script>
        <script src="gallery/js/flashgallery.js" type="text/javascript"></script>
  2. Copy the code of the gallery to the sources of the web page i.e. the next code:

    <script type="text/javascript">
    path to SWF file of the gallery', 'path to the XML (or JSON) configuration file', { width: 'width of the gallery', height: 'height of the gallery', background: 'transparent' });
  3. Specify the path to the .swf file of the gallery and configuration file (XML or JSON), for example:

    <script type="text/javascript">
        jQuery.flashgallery('gallery/gallery.swf', 'gallery/config.xml', { width: '', height: '', background: 'transparent' });

    You can store your files anywhere on server. But remember this path can be absolute (example: or relative to the directory with your HTML page (example: ../gallery/config.xml).

  4. Set the size of the gallery.

    <script type="text/javascript">
        jQuery.flashgallery('gallery/gallery.swf', 'gallery/config.xml', { width: '730px', height: '540px', background: 'transparent' });
  5. Configure gallery’s view and specify information about images in the configuration file. The configuration file structure you can find in the “Configuration file structure” section of the gallery documentation.