Cooliris Developers

Embedding the Wall

There are actually two ways to embed the Cooliris 3D Wall on your webpage. One is to use a standard flash object embed, as in the Quick Start Guide.

The second, which relies on Javascript and the industry standard SWFObject library, is more flexible. If you are comfortable with Javascript, we recommend using this approach.

First, include the SWFObject Javascript file in your webpage:

<script type="text/javascript" 
  src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js">
</script>

Next, create a place on your webpage where the embeddable wall will appear:

<div id="wall"><!-- 3D Wall Goes Here --></div>

Finally, add some Javascript to embed the wall...

<script>
var flashvars = {
    feed: "api://www.flickr.com/"
};
var params = {
    allowscriptaccess: "always"
};

swfobject.embedSWF("http://apps.cooliris.com/embed/cooliris.swf",
                   "wall", "600", "450", "9.0.0", "", 
                   flashvars, params);

</script>

Note that the id of the div that contains the wall must be the same as the identifier in the Javascript snippet (highlighted).

See http://code.google.com/p/swfobject/wiki/documentation for more information on how to embed flash content with SWFObject.

Next > Displaying your Media (Details)