如何在Blog嵌入 Live Photos 的Silverlight幻灯片

这次 Live Photos 的更新,提供了以 Silverlight 幻灯片形式播放相册照片,算是对 Silverlight 技术的一种推广吧,不过这种推广有些不彻底,比如说没有提供 Live Photos 的 Silverlight幻灯片相册的嵌入代码,我们只好自己动手了:

  1. 进入 Live Photos: http://photos.live.com/,选择你要在外部站点引用的相册
  2. 点击照片上部菜单的“幻灯片”,打开照片的幻灯片页面

    查看 相册 的幻灯片效果
  3. 复制下此时地址栏的链接,如
    http://cid-0e35532fccceda08.skydrive.live.com/play.aspx/Leisure%20Time?ref=1
  4. 使用这个代码  
    <iframe scrolling="no" marginheight="0" marginwidth="0" frameborder="0"
    style="width:650px;height:500px;margin:3px;padding:0;border:1px solid #dde5e9;"
    src="幻灯片地址"></iframe>

    用第三步得到的链接替换上边代码中的“幻灯片地址”;代码中的 width 和 height 控制其 宽度和高度,可自行调整

    如,

    <iframe scrolling="no" marginheight="0" marginwidth="0" frameborder="0"
    style="width:650px;height:500px;margin:3px;padding:0;border:1px solid #dde5e9;"
    src="http://cid-0e35532fccceda08.skydrive.live.com/play.aspx/Leisure%20Time?ref=1"></iframe>
  5. 我们只需要将此代码贴入自己Blog想放的地方即可。不过比较适合贴在日志里,放侧边栏效果不怎么好。

    Live Spaces 用户如果要想用这个替换掉 Spaces 自带的相册模块,你可以添加一个自定义HTML模块(如何添加),将第四步的代码保存进去即可;如果要在单篇日志里使用,切换到日志的HTML编辑模式(如何切换),贴入第四步的代码即可;

效果参考这里

注意,你需要安装 Silverlight 后才能看到这个幻灯片效果。外部引用的相册 权限需要设置为公共。

 

虽然 Silverlight 可能有些华而不实,真正实用&好玩的应用也没几个,不过这次 Live Photos 的更新也首次将 Silverlight 技术引入了 Windows Live 在线服务值得称赞(可能之前有过,我记忆有些混乱了)。我觉得MS有什么新技术都可以将 Windows Live 当个跑马场拉来溜溜嘛,比如Microsoft adCenter Analytics,就可以整合进 Live Spaces 的统计分析,以Live Spaces目前庞大的用户基数,相信对产品能力的检验和改进都会很有帮助。

收藏+分享: Delicious / Live Favorites / Google书签 / 百度搜藏 / QQ书签 / 饭否 / 豆瓣 / Twitter
« 如何将 Twitter 及个人博客的更新共享给 Windows Live 联系人 如何从本地找回MSN密码 »

50 条评论

Amanda 的评论
Amanda 说:
2008/12/06 10:47

嘿嘿,我昨天想比划照片,刚打开第一个相册,提示说要升级什么照片更容易浏览之类的,我也就没注意直接进行了,谁成想用了许久许久,虽然是日志相册,照片许许多多。。。
不知道有没有可能整合 PhotoSynth 的照片。。

[回复]

BLUEBIRD 的评论
BLUEBIRD 说:
2008/12/06 10:51
Shawn 的评论
Shawn 说:
2008/12/06 11:54

用 iframe?
不知道 Live Photo 内的图片能否单张外链?

[回复]

小卒 的评论
小卒 说:
2008/12/06 13:18

充分利用对live的iframe,记得Silverlight 以前你的一篇文章,貌似有这个功能

[回复]

任平生 的评论
任平生 说:
2008/12/06 13:32

@Shawn, 可以。只要权限为公开就支持外链 :D

[回复]

flykinger 的评论
flykinger 说:
2008/12/06 13:41

郁闷,为什么安装Silverlight 2.0之后,我看幻灯片没有任何变化呢,,, :mad:

[回复]

任平生 的评论
任平生 说:
2008/12/06 14:19

@flykinger, 你想要什么变化?

[回复]

任平生 的评论
任平生 说:
2008/12/06 14:19

@Amanda, 估计得等段日子了。。。

[回复]

flykinger 的评论
flykinger 说:
2008/12/06 14:21

@任平生, 不知道,我觉得至少应该和不安装Silverlight 2.0,看到不一样的效果吧?

[回复]

xiaorsz 的评论
xiaorsz 说:
2008/12/06 15:41

:evil: :evil: 效果貌似还不错!!
可以自己没用那东西!

[回复]

向東 的评论
向東 说:
2008/12/06 18:07

真奇怪,我的 http://photos.live.com界面是E文的,而且设置了语言也还是E文。 :idea:

[回复]

诗意地栖息在大地上 的评论
诗意地栖息在大地上 说:
2008/12/06 18:42

每次来看,都得到一些没有接触过的信息!

[回复]

miss qin 的评论
miss qin 说:
2008/12/06 22:48

法国总*/统府发表声明拒绝取消 萨科齐与*/达*/赖*/的会见 TMD 走着瞧 萨科齐

[回复]

fishinwater 的评论
fishinwater 说:
2008/12/07 0:34

@miss qin, 这是政治博弈,不要生气。法国鬼子就是想激怒我们,同时想借此转移外界对他的政治压力!

[回复]

任平生 的评论
任平生 说:
2008/12/07 0:44

@miss qin, 为了我博客的和平存在,对你的评论做了和*/谐处理,望见谅 。。。
关于某些国家,它们只是为了转移内部日益激烈的矛盾耍耍花招,最后恶果还是它们自己吃(不过,咱们又能怎么着他呢…)

[回复]

miss qin 的评论
miss qin 说:
2008/12/07 9:18

哇 任同學 妳的這句 (不過 我們又能怎么着他呢) 真的囬答的有夠不中國的 雖然實際上或許真的不能從根本上怎么着他….妳的囬答也是沒錯 至少這也說明在國際上人傢是怎么評論我們中國人的….為了妳的BLOG和平存在請刪除我的這些不和平的畱言吧…

[回复]

Amanda 的评论
Amanda 说:
2008/12/07 10:02

@任平生, 额,Support页面都有 PhotoSynth 了。类似的服务,非要分开来干啥额。。。哎~

[回复]

林晨 的评论
林晨 说:
2008/12/07 12:26

人人参与,共建和谐啊

[回复]

Sang 的评论
Sang 说:
2008/12/07 16:50

照片的功能还是不知道怎么用。
新创建的相册显示不出来,而且,就算在SKYDRIVE里也没有缩略图的显示。
这该如何解决呢?
能否做一个贴图版的相册使用SOP出来。谢谢~

[回复]

任平生 的评论
任平生 的评论
任平生 说:
2008/12/07 22:07

@miss qin, 呵呵,莫生气哈,达*/赖 从火炬传递后就成了敏感词了。。。

[回复]

fishinwater 的评论
fishinwater 说:
2008/12/07 22:25

看到新版的windows live中国主页,你的大名频频出现,超过了当年belem的风头欧 :roll: :grin:

[回复]

醉倚西风 的评论
talkrei 的评论
talkrei 说:
2008/12/08 1:53

个人感觉标签在WP上的适应性不是很好。 :oops: :oops:

[回复]

talkrei 的评论
talkrei 说:
2008/12/08 1:54

这算是Silverlight和Flash竞争的时代揭开了??? :idea:

[回复]

miss qin 的评论
miss qin 说:
2008/12/08 11:11

@任平生 我沒生氣 隻是剛遇見個法國人 說西藏不是中國的 居然很多法國人都這樣認為 國外媒體不切實際的報道 :!:

[回复]

姬祥 的评论
姬祥 说:
2008/12/08 13:00

skydrive有自己固定的网址吗?
比如spaces的是***.spaces.live.com
如果想让别人看我的skydrive怎么告诉他们网址?

[回复]

任平生 的评论
任平生 说:
2008/12/08 13:08

@姬祥, 有的,就是你看到的 像 http://cid-0e35532fccceda08.skydrive.live.com/home.aspx 的链接就是
skydrive不支持自定义网址

[回复]

NetPuter 的评论
NetPuter 说:
2008/12/08 22:07

其实Live,应该说微软,的UI都还很不错的说~

[回复]

talkrei 的评论
talkrei 说:
2008/12/08 23:52

个人感觉i/frame标签在WP上的适应性不是很好 :shock:

[回复]

Poshi 的评论
Poshi 说:
2008/12/09 19:49

留言的验证插件是哪个?想用一下,不过其实不用那么复杂都可以了

[回复]

任平生 的评论
任平生 说:
2008/12/10 0:12

@Poshi, 你说我这里的留言验证插件吗,我用这个基本只对机器人才有效的啊,难道你竟然碰到了?
叫 Raven’s Antispam 。只对没开启 js 的用户添加验证,呵呵

[回复]

Poshi 的评论
Poshi 说:
2008/12/10 12:19

哦,我晕,好像昨天是有一段时间关了js那些

[回复]

雪深 的评论
雪深 说:
2008/12/10 14:37

不用live photos

[回复]

miss qin 的评论
miss qin 说:
2008/12/11 17:59

任同學 為何我編輯完部落格后 顯示不齣我新的文字 可是在編輯狀態可以看見新的文字

[回复]

任平生 的评论
任平生 说:
2008/12/11 22:54

@miss qin, 进入你日志的 html 编辑状态,删除其中可能含有 style=”display:none” 的部分,这个代码导致发布日志后,某些内容隐藏了

[回复]

miss qin 的评论
miss qin 说:
2008/12/11 22:58

@任平生, :roll: 感謝 感謝

[回复]

姬祥 的评论
姬祥 说:
2008/12/12 8:24

为什么外国的live photos用的是Silverlight,中国的不是? :idea:

[回复]

任平生 的评论
任平生 说:
2008/12/12 21:58

@姬祥, 这得问中国那帮人 (>_<)

[回复]

任平生 的评论
任平生 说:
2008/12/13 18:42

@Amanda, 这样可以避免下岗。。。 :eek:

[回复]

任平生 的评论
任平生 说:
2008/12/13 18:42

@flykinger, 貌似中文版的live photos 幻灯片效果缺失了。。。

[回复]

任平生 的评论
任平生 说:
2008/12/13 18:43

@miss qin, 我们的媒体有何时真真切切地报道事件。。。 大家都一个样

[回复]

任平生 的评论
任平生 说:
2008/12/13 18:45

@fishinwater, 所有文章都已被清除,呵呵 :wink:

[回复]

任平生 的评论
任平生 说:
2008/12/13 18:46

@talkrei, 什么意思?

[回复]

Amanda 的评论
Amanda 说:
2008/12/13 22:27

@任平生, 额,这样也没法避免下岗的。。。这年头,世道不好额。。要下岗的总都下岗了。。

[回复]

沿阶草 的评论
沿阶草 说:
2008/12/18 11:50

picasaweb更好用些,任平生是WL的忠实粉丝~ :roll:

[回复]

任平生 的评论
任平生 说:
2008/12/18 12:41

@沿阶草, 我现在日志中用的图片都是放在 picasaweb 里的,呵呵 :D

[回复]

地铁里的季风 的评论
地铁里的季风 说:
2009/06/03 16:21

iframe只能从幻灯片界面的左上角顶点开始取啊,我的Space文章的宽度才600,放不进去啊,有没有什么办法可以只取图片啊

[回复]

@地铁里的季风, 这个是幻灯片自身的问题,建议你到 feedback 提意见给微软把 Http://feedback.live.com

[回复]

发布评论

(设置头像)

微笑咧嘴笑悲伤惊讶震惊困惑酷大笑发疯吐舌头脸红哭泣邪恶变态转眼珠暗示惊叹疑问主意箭头中立菜鸟