Embed Wall
Cooliris 3D Embed Wall provides the visual experience of the full Cooliris plug-in within the frame of your browser window!
Embed your own Cooliris Wall
Copy the code above onto your webpage. You should see a sample feed of cool photos. Note: you can resize the embed wall, as long as you keep the aspect ratio constant.
quick linksFlickr Support
Cooliris presents Flickr in the embed wall! You can point the wall to
a Flickr feed by changing the feed value to a Flickr API call
(ex. api://www.flickr.com/?user=username). We have hilighted below the code
you'll need to replace:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="450">
<param name="movie" value="http://apps.cooliris.com/embed/cooliris.swf" />
<param name="flashvars" value="feed=api://www.flickr.com/?user=hsunaqua" />
<param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" />
<!--[if !IE]>-->
<object id="coolirisSWF" type="application/x-shockwave-flash"
data="http://apps.cooliris.com/embed/cooliris.swf" width="760" height="450">
<param name="flashvars" value="feed=api://www.flickr.com/?user=hsunaqua" />
<param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" />
<!--<![endif]-->
<div><p><a href="http://www.adobe.com/go/getflashplayer">Get Adobe Flash</a></p></div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
Our Flickr api:// scheme supports three parameters - user (all of a user's photos), album (photos from a specific album), and search (the results returned by a search term). Below are some example Flickr feed URLs:
api://www.flickr.com/?user=username
api://www.flickr.com/?album=11111111111111111
api://www.flickr.com/?search=puppy
Note: an album ID can be retrieved from a specific Flickr set: http://www.flickr.com/photos/username/sets/11111111111111111/
quick linksMedia RSS in your wall
To point the embed wall to your own media content, change
the feed value to the URL of your Media RSS feed.
We have hilighted below the code you'll need to replace:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="450">
<param name="movie" value="http://apps.cooliris.com/embed/cooliris.swf" />
<param name="flashvars" value="feed=http://www.mywebsite.com/photos.rss" />
<param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" />
<!--[if !IE]>-->
<object id="coolirisSWF" type="application/x-shockwave-flash"
data="http://apps.cooliris.com/embed/cooliris.swf" width="760" height="450">
<param name="flashvars" value="feed=http://www.mywebsite.com/photos.rss" />
<param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" />
<!--<![endif]-->
<div><p><a href="http://www.adobe.com/go/getflashplayer">Get Adobe Flash</a></p></div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
Finally, to allow the Flash app to load the feed from your website, you will need to place a crossdomain.xml file at the root of your website (the file location will be http://www.mywebsite.com/crossdomain.xml). The crossdomain.xml file looks like this:
<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<site-control permitted-cross-domain-policies="all" />
<allow-access-from domain="*.cooliris.com" secure="false" />
<allow-access-from domain="*.piclens.com" secure="false" />
</cross-domain-policy>