Cooliris使用我的网站图片?

时间:2011-02-17 00:56:31

标签: javascript asp.net flash local cooliris

我想在我的asp.net网站上使用CoolIris(www.cooliris.com),它应该从我的网站(图像文件夹)中获取图像,而不是来自facebook,flickr,youtube或外部RSS源等外部资源。 / p>

2 个答案:

答案 0 :(得分:1)

如果您发布媒体RSS源,Cooliris(浏览器插件)将与您的站点一起使用。 请参阅:http://www.cooliris.com/developer/reference/media-rss/

要嵌入Flash墙,请按照以下说明操作:http://www.cooliris.com/developer/documentation/?p=embed

答案 1 :(得分:1)

在做了一些研究并看到Cooliris如何售罄之后,我发现了一篇文章,向您展示如何自己托管它们并远离依赖外部来源的一切......这种方法完全是自给自足的!

来源:

这假设您有一个目录结构,例如以下...

enter image description here

第1步:创建RSS Feed

您希望首先创建一个类似" media.xml"的文件。并添加以下内容。请务必更改图片的路径(您的网站地址等)。

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:media="http://search.yahoo.com/mrss/" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Default</title>
    <description>Feed Description</description>
    <link>http://mywebsite.com/photogallery.php</link>
    <item>
      <title>First Image</title>
      <media:description>This would be the first image.</media:description>
      <link>http://mywebsite.com/graphics/portfolio/pl_images/image1.jpg</link>
      <media:thumbnail url="http://mywebsite.com/graphics/portfolio/pl_thumbs/image1_thumb.jpg"/>
      <media:content url="http://mywebsite.com/graphics/portfolio/pl_images/image1.jpg"/>
    </item>
    <item>
      <title>Second Image</title>
      <media:description>This would be the second image.</media:description>
      <link>http://mywebsite.com/graphics/portfolio/pl_images/image2.jpg</link>
      <media:thumbnail url="http://mywebsite.com/graphics/portfolio/pl_thumbs/image2_thumb.jpg"/>
      <media:content url="http://mywebsite.com/graphics/portfolio/pl_images/image2.jpg"/>
    </item>
  </channel>
</rss>

第2步:修改显示页面

打开index.php并确保它看起来类似于以下代码。仔细查看以下更改......

  • cooliris.swf文件现在托管在您的网站上,而不是在&#34; apps.cooliris.com&#34;。
  • allowScriptAccess变量(ALL OF THEM)现在是#34;从不&#34;而不是过去常常&#34;总是&#34;。

<强>的index.php

<div id="cooliris" class="cooliris">
<object id="o" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">
  <param name="movie" value="http://mywebsite.com/cooliris.swf" />
  <param name="flashvars" value="feed=http://mywebsite.com/media.xml&showSearch=false" />
  <param name="allowFullScreen" value="false" />
  <param name="allowScriptAccess" value="never" />
  <embed type="application/x-shockwave-flash"
    src="http://mywebsite.com/cooliris.swf"
    width="100%"
    height="100%"
    flashvars="feed=http://mywebsite.com/media.xml&showSearch=false"
    allowFullScreen="false"
    allowScriptAccess="never">
  </embed>
</object>
</div>

步骤3:如果需要,重新配置跨域

之前,当应用程序在cooliris.com上托管时,您必须配置以下文件并将其放在网站的根目录中,以便加载Flash并从其他域运行应用程序。我们现在正在我们的本地服务器上托管该文件,因此我们需要删除IT (crossdomain.xml),因为它不再需要。这就是用来看起来像......

<强>的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>

第4步:获取cooliris.swf文件的副本

现在我们需要主要组件......我们需要cooliris.swf文件的副本。您可以从this link hosted at github.com获取副本。