Cooliris 3D墙

最新推荐文章于 2024-09-09 18:34:56 发布

weixin_34405354

最新推荐文章于 2024-09-09 18:34:56 发布

阅读量97

点赞数

文章标签： python java

原文链接：https://my.oschina.net/xiahuawuyu/blog/62084

版权

2019独角兽企业重金招聘Python工程师标准>>>

这个软件还可以嵌入到网页，用来显示网络相册的内容，当然前提是要支持Flash咯。下面来介绍她的用法：

<object id=”o”
classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″
width=”600”
height=”450“>
<param name=”movie”
value=”http://apps.cooliris.com/embed/cooliris.swf” />
<param name=”allowFullScreen” value=”true” />
<param name=”allowScriptAccess” value=”always” />
<param name=”flashvars”
value=”feed=api://www.flickr.com/&numRows=5&style=light” />
<embed type=”application/x-shockwave-flash”
src=”http://apps.cooliris.com/embed/cooliris.swf”
flashvars=”feed=api://www.flickr.com/&numRows=5&style=light”
width=”600”
height=”450”
allowFullScreen=”true”
allowScriptAccess=”always”>
</embed>
</object>

基本代码如上。这个相册是可以定制的，一般来说定制有颜色的部分就够了，当然如果需要的话可以进一步的定制。

1. 定制宽和高

修改上面红色部分就可以定制宽和高，width后面是宽度，height是指高度。这个根据博客的大小修改他们的值，比如我的博客修改为一下参数比较合适：

width=”580”
height=”320“

2.定制显示的行数

修改的紫色部分就可以定制3D墙的行数，只要修改后面那个数字就可以了，数字可以是1~7，这里需要注意的是显示的行数越多，需要的电脑资源就越多，既影响网页打开的速度又会加重电脑CPU的负担，所以这里我把它修改为3，这么看上去会比较苗条一点。

&numRows=3

3. 定制相册的内容

进入高潮咯！我们可以通过修改绿色的部分来定制相册的内容，你只要将绿色部分按以下规则替换为相应的路径就可以达到目的。规则有一下几种，这里只介绍flickr和picasa的：
Flickr的规则：

api://www.flickr.com/?user=luckid
api://www.flickr.com/?search=luckid
api://www.flickr.com/?album=72157623347296748
api://www.flickr.com/?group=645450@N20

上面加粗的部分是需要修改的，分别可以按照用户，搜索关键字，相册编号和用户群组来显示，修改等号后面的内容就可以显示相应的图片了。
前面两个好理解，后面两个再进一步说明一下。要获得album和group的参数，只要打开flickr中的相应的set和群组相册就可以得到：

http://www.flickr.com/photos/luckid/sets/72157623347296748/

http://api.flickr.com/services/feeds/groups_discuss.gne?id=645450@N20&lang=en-us&format=rss_200

说到这里就差不多咯，假如我要将我的flickr上的拍摄相册显示在一个3行的墙上，我只要在博客的编辑器里面切换到HTML模式输入一下内容：

<object id=”o”
classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″
width=”580″
height=”320″>
<param name=”movie”
value=”http://apps.cooliris.com/embed/cooliris.swf” />
<param name=”allowFullScreen” value=”true” />
<param name=”allowScriptAccess” value=”always” />
<param name=”flashvars”
value=”feed=api://www.flickr.com/?album=72157623347296748/&numRows=3&style=dark” />
<embed type=”application/x-shockwave-flash”
src=”http://apps.cooliris.com/embed/cooliris.swf”
flashvars=”feed=api://www.flickr.com/?album=72157623347296748/&numRows=3&style=dark”
width=”580″
height=”320″
allowFullScreen=”true”
allowScriptAccess=”always”>
</embed>
</object>