Cooliris Developers

Cool Stuff

This page provides a number of resources to help integrate Cooliris and the embeddable wall into your page.

Link Badges

You can use this image to let users know that your site uses Cooliris or the embeddable wall.

Just paste the following code where you'd like the image to appear on your website:

<a href="http://www.cooliris.com">
    <img src="http://cooliris.com/static/images/badges/get_cooliris.png">
</a>

Launch Badges

Using these HTML snippets, you can put a button on your page that will launch the CoolIris client with your page's media if the user has the client installed, and if they don't it will direct them to the download site in a new window.

Copy and paste this code into your page to include the launch button:

MediaRSS URL Shortener

This is an experimental service to create links that automatically launch the Cooliris plugin from TinyUrl-style links. The original link must be a MediaRSS feed like one that would be put a page head. You can link to a URL of the format http://cooliris.com/t/(short url), and users that click that link will see the feed if they have the Cooliris plug-in installed, and will go to a download page for the plug-in otherwise.

For example, the URL http://cooliris.com/static/images/feeds/home/media.rss corresponds to the TinyUrl http://tinyurl.com/otb9lz, and the corresponding Cooliris launch URL is http://cooliris.com/t/otb9lz.

At http://cooliris.com/t/, there is a form that can automatically create a Cooliris launch URL for any URL.

Shadowbox Launch

The embeddable wall has experimental support for the Shadowbox JavaScript library. Shadowbox needs to be installed as described on that site, and should be set up to load the swf player when it initializes:

<script type="text/javascript">
Shadowbox.init({
    ...
    players: ["swf"]
    ...
});
</script>

You can then use the Shadowbox library to make links to the embeddable wall SWF file load in the Shadowbox interface. Note that in this case, the flashvars must be passed as a query string on the swf url:

<a rel="shadowbox;width=600;height=370" 
  href="http://apps.cooliris.com/embed/cooliris.swf?
        feed=api://www.flickr.com&numrows=2">
    Show the wall
</a>

Show the wall

You can also use an HTML snippet for a behavior similar to the launch buttons above. In this case, though, if the user does not have the Cooliris client installed, the button will launch an embeddable wall instead. Here, the flashvars should again be passed as a query string at the end of the URL:

<script 
  type="text/javascript" 
  src="http://js.cooliris.com/apps/lightbox-launch.js?
       feed=api://www.flickr.com&numrows=2">
</script>

The feed for the embeddable wall that appears for users without the Cooliris plugin installed must be specified in the flashvars; it will not automatically use the same feed that the plugin displays. Also note that the feed still requires a crossdomain.xml file to show up in the embeddable wall.