Allebrum Program Package Download SPG
Title: Allebrum Simple Picasa Gallery (SPG)
Requires Flash
Package Contains:
AC_OETags.js
config.xml
PicasaProjectGallery.html
PicasaProjectGallery.swf
playerProductInstall.swf
README.txt
style.css
Version: 0.1
This is the first release of the Allebrum Simple Picasa Gallery. Please send us your praise and hatemail.  Sending feedback about your environment will be helpful to others who use this package.

Write a comment


If you have trouble reading the code, click on the code itself to generate a new random code.
 

Simple Picasa Photo Gallery

Tags: Project Gallery, Project Showcase, Product Showcase, Picasa Gallery, Flash Gallery, Flex Gallery

The Allebrum Simple Picasa Photo Gallery is released under the Creative Commons Share-Alike License. This means that it is free to use, both for commercial and private use.

Just remember that a lot of time goes into making these "freebies", so consider buying us a cup of tea if you have a few bucks.

Installation

Download the Allebrum Simple Picasa Photo Gallery using the link on the right side of this page. Inside the zip file, you will find seven files - AC_OETags.js, config.xml, PicasaProjectGallery.html, PicasaProjectGallery.swf, playerProductInstall.swf, README.txt and style.css. For the purposes of this intallation documentation, we will not be using AC_OET.js, playerProductInstall.swf, or PicasaProjectGallery.html. You can open the PicasaProjectGallery.html file to see how to incorporate all the files for cross-browser compatibility.

Next, upload PicasaProjectGallery.swf and style.css to a directory on your server. It does not matter what directory you put these in. I recommend using /gallery/.

Now, create a file in the root of your site called gallery.html and put the following code in it:

 

<div style="z-index: 0; margin: 20px; border: 2px solid #388CBA; width: 800px; height: 600px;">
<object id="PicasaProjectGallery" width="800" height="600" data="projects/gallery/PicasaProjectGallery.swf" type="application/x-shockwave-flash">
<param name="quality" value="high" />
<param name="bgcolor" value="#869ca7" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="opaque" />
<param name="src" value="projects/gallery/PicasaProjectGallery.swf" />
<param name="name" value="PicasaProjectGallery" />
<param name="align" value="middle" />
<param name="allowfullscreen" value="true" />
</object>
</div>

<div style="z-index: 0; margin: 20px; border: 2px solid #388CBA; width: 800px; height: 600px;">

<object id="PicasaProjectGallery" width="800" height="600" data="/gallery/PicasaProjectGallery.swf" type="application/x-shockwave-flash">

<param name="quality" value="high" />

<param name="bgcolor" value="#869ca7" />

<param name="allowScriptAccess" value="sameDomain" />

<param name="allowFullScreen" value="true" />

<param name="wmode" value="opaque" />

<param name="src" value="/gallery/PicasaProjectGallery.swf" />

<param name="name" value="PicasaProjectGallery" />

<param name="align" value="middle" />

<param name="allowfullscreen" value="true" />

</object>

</div>

 

Next, upload the config.xml file to the same directory that you saved the gallery.html file in. The config file is relative to the calling file, not the gallery itself, so the config.xml file must be located in the same directory that the gallery.html file is called from.

Now, open the config.xml file and edit it accordingly.

You can now open the style.css file and style the gallery as you wish.

That should be it. As with all our products, if you need a custom solution, we are willing and able to do it for you at a cost.

If you would like to make a suggestion please send us an email or leave a comment on this page.

© Allebrum, LLC 2010