BBMaxi.com

cooliris for DeveloperからFlash版のcoolirisが公開されていたので、早速WordPressで試してみました。

現状、WordPressのplugin”nextgen-gallery”で写真を整理するだけで、coolirisの3D Wallに対応できています。
個人的には現状で満足していますが、coolirisのプラグインをインストールしていないユーザーは迫力のある”3D Wall”を体験できませんので、とりあえずFlash版で簡易体験してもらうことにします。
注1）写真のタイトルや説明の日本語の文字化け問題もcoolirisのバージョンアップでFirefox、Safari共にFixされています。
注2）Flash版はYouTubeなどの動画には対応しておりませんが、Frickrには対応しています。

1.　crossdomain.xml　をサイトのルートに用意する。

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.macromedia.com/xml/
dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<allow-access-from domain="*.cooliris.com" secure="false" />
</cross-domain-policy>

2.　MediaRSSのパスを確認する。

http://********/**/wp-content/plugins/nextgen-gallery/xml/media-rss.php

3.　coolirisのFlash版のobjectタグを<code></code>内に貼付ける。

<object id="o" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
width="720" height="405">
<param name="movie"  value="http://apps.cooliris.com/embed/cooliris.swf" />
<param name="flashvars" value="feed=http://*******/**/wp-content/
plugins/nextgen-gallery/xml/media-rss.php" />
<param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" /><embed type="application/
x-shockwave-flash" src="http://apps.cooliris.com/embed/cooliris.swf"  width
="720" height="405"  flashvars="feed=http://*******/**/wp-content/
plugins/nextgen-gallery/xml/media-rss.php"  allowFullScreen="true"
 allowScriptAccess="always"></embed>
</object>

4.　するとこの様に表示されます。（マウスホイールにも対応していますが、広い画面で使いたいです。）