Blow Up

Downloading Blow Up

Download and extract BlowUp.zip

The Contents of BlowUp.zip

After the files are extracted, you should have the following files available to you:

BlowUp.swf

This is the main gallery file. It is an Adobe Flash SWF file which handles all of the connections to flickr, as well as the display of visual elements.

crossdomain.xml

This file permits access between your web page and flickr.com. You might already have a crossdomain.xml file on your server. Make sure the contents of this file are available at your webserver root.

customLogo.png

If you would like to display a custom logo while your flickr data loads, you can use a jpg, gif, or png. Be sure your embed code points to the file you would like to display.

gallery.html

This page of html displays BlowUp.swf.

galleryStyleSheet.css

Update this file to change the way Blow Up looks. You can change the color, shape, and sizes of almost every visual element. Style sheets can be updated in any basic text editor.

js (Folder)

This folder contains two files: expressInstall.swf and swfobject.js. These files are used in the SWF embedding process. These files do not need to reside in their own folder. If you change their location, be sure to also change references to their locations in gallery.html

 

 

Style Sheets

In the file galleryStyleSheet.css, you can change interface colors, sizes, and application defaults such as autoHide and image fitting options. You will find comments in the .css file describing the various properties more specifically. Here is an example of a few of the properties you can change:

 

Embedding Blow Up

Blow Up uses SWFObject to embed the gallery into your web page, however you can use any embed method you would like. Embed code is the little bit of code that allows you to display a flash SWF file on a web page. This sample embed code is located in gallery.html

Many basic settings are available in the embed. For instance, if you want to:

• specify a single user's gallery to be displayed
• set a custom logo to be displayed before the user's photo sets
• enable/disable the default "dragging rows" tutorial
• allow/suppress deeplinking to sets and images
• specify which gallery style sheet to use

Sample embed code.
The hilighted area shows where you can designate a flickr username:

You can configure many aspects of Blow Up through this embed code. View the source of gallery.html for detailed descriptions of all elements of the embed code.