如何在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目前庞大的用户基数,相信对产品能力的检验和改进都会很有帮助。

如何在Blog嵌入 Live Photos 的Silverlight幻灯片》上有 52 条评论

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

    [回复]

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

    [回复]

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

    [回复]

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

    [回复]

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

    [回复]

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

    [回复]

    fishinwater 回复:
    2008/12/07 0:34

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

    [回复]

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

    [回复]

    miss qin 回复:
    2008/12/07 9:18

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

    [回复]

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

    [回复]

    miss qin 回复:
    2008/12/08 11:11

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

    [回复]

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

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

    [回复]

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

    [回复]

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

    [回复]

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

    [回复]

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

    [回复]

    miss qin 回复:
    2008/12/11 22:58

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

    [回复]

  6. Pingback 引用通告: 在 Live Writer 中插入相册拼贴 - 任平生

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

    [回复]

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

    [回复]

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>