Documentation

Customize your wall

The Cooliris Wall supports a large number of customization options, including but certainly not limited to display size, color, background, row count, wall tilt, icons, and much more. All of these these are controlled by simply changing the flashvars in the embed code object. For a full list of customizations available, check out the FlashVars and JavaScript options in the Reference section.

Example

Here we've made two common customizations, changing the row count and color.

How to do it

Simply append two parameters to the flashvars declaration:

numRows

Controls the number of rows of images to display

style

Controls the appearance of the Wall interface. Valid style options include "white", "black", "light", and "dark".

So, here's the finalized code (changes highlighted):

    <object id="o" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
      width="600" height="450">
    <param name="movie" value="http://apps.cooliris.com/embed/cooliris.swf" />
    <param name="allowFullScreen" value="true" />
    <param name="allowScriptAccess" value="always" />
    <param name="flashvars"
      value="feed=api://www.flickr.com/&numRows=5&style=light" />
    <embed type="application/x-shockwave-flash"
      src="http://apps.cooliris.com/embed/cooliris.swf"
      flashvars="feed=api://www.flickr.com/&numRows=5&style=light"
      width="600" 
      height="450"
      allowFullScreen="true"
      allowScriptAccess="always">
    </embed>
    </object>
    

Again, note that the options must be set in both places, unless you are using JavaScript to embed the wall.

Publishing the edited code to your server, you'll see your Cooliris Wall now with two rows of images and a light background.

Advanced Topics

More customizations using FlashVars and JavaScript API.