2012-11-01 62 views
0

Speakerdeck內部的fancybox

Speakerdeck

的使用 script to embed一個呼叫,其將設置的API和JSON響應,如:

{ 
    "version": "1.0", 
    "type": "video", 
    "provider_name": "YouTube", 
    "provider_url": "http://youtube.com/", 
    "width": 425, 
    "height": 344, 
    "title": "Amazing Nintendo Facts", 
    "author_name": "ZackScott", 
    "author_url": "http://www.youtube.com/user/ZackScott", 
    "html": 
     "<object width=\"425\" height=\"344\"> 
      <param name=\"movie\" value=\"http://www.youtube.com/v/M3r2XDceM6A&fs=1\"></param> 
      <param name=\"allowFullScreen\" value=\"true\"></param> 
      <param name=\"allowscriptaccess\" value=\"always\"></param> 
      <embed src=\"http://www.youtube.com/v/M3r2XDceM6A&fs=1\" 
       type=\"application/x-shockwave-flash\" width=\"425\" height=\"344\" 
       allowscriptaccess=\"always\" allowfullscreen=\"true\"></embed> 
     </object>", 
} 

只需放置Speakerdeck嵌入鏈接,如:

<script async class='speakerdeck-embed' data-id='4ece03012a0554004f008afa' data-ratio='0.9534450651769087' src='//speakerdeck.com/assets/embed.js'></script> 

效果很好,但我無法將其與fancybox v2整合。但是這個問題似乎更多的是運行一個a href="script"比在一個fancybox iframe中的oEmbed api json。 (但不能肯定的說)

所以我把它弄壞了下來,以最小的剛剛通過a href="script"鏈接啓動腳本 - 因爲的fancybox使用一個元素 - 我已經嘗試了幾個變化:

<a href="javascript(async class='speakerdeck' data-id='4ece03012a0554004f008afa' data-ratio='0.9534450651769087' src='//speakerdeck.com/assets/embed.js')" >show it</a> 

我所得到的只是一個旋轉的裝載機圖標,更糟糕的是。

我想我只是有過明顯的心理錯誤,你能幫忙嗎?

回答

1

如果你已經有你data-id='4ece03012a0554004f008afa',它會直接傳遞到href鏈接通過embed方法類似

<a class="fancydeck" href="http://speakerdeck.com/embed/4ece03012a0554004f008afa">CLICK to open speakerdeck inside fancybox</a> 

就用這個的fancybox自定義腳本

$(document).ready(function() { 
$(".fancydeck").fancybox({ 
    type : "iframe", 
    width: 640, // or whatever 
    height : 420, 
    fitToView : false 
}); 
}); // ready 

一樣簡單SEE DEMO

備註:我是我們荷蘭國際集團的fancybox 2.X在我的演示,但我不明白爲什麼不能也不會與V1.3.4工作

+0

感謝您的答覆,JFK。我也使用v2。我會檢查出來,稍後回覆。再次感謝您的時間。 – Ricalsin

+0

完美。偉大的建議。簡短,簡單,恰到好處。謝謝,JFK。 – Ricalsin