2011-07-24 111 views
0

我正嘗試使用fancybox在我的WordPress網站中顯示YouTube視頻。我肯定遵循fancybox.net的教程,但我沒有得到任何好的結果。該鏈接仍然在youtube上打開整個視頻頁面,而不是fancybox疊加層。如何在沒有插件的情況下使用fancybox和wordpress?

任何幫助將不勝感激。 注:我不想使用插件

回答

1

你必須包括在網站頭只是的CSS的fancybox和JavaScript的,然後你可以應用到任何你的博客文章,內容所需的類或ID的。

+0

我包括了CSS和JavaScript,但沒有發生。有沒有具體的做法?我應該從你的觀點包括什麼文件@Haso Keric謝謝。 – ftoure

1

我已經經歷了它,並已在網上放了一個工作示例HERE。這裏是js使用

$(document).ready(function() { 

    $(".video").click(function() { 
     $.fancybox({ 
      'padding'  : 0, 
      'autoScale'  : false, 
      'transitionIn' : 'none', 
      'transitionOut' : 'none', 
      'title'   : this.title, 
      'width'   : 640, 
      'height'  : 385, 
      'href'   : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 
      'type'   : 'swf', 
      'swf'   : { 
      'wmode'    : 'transparent', 
      'allowfullscreen' : 'true' 
      } 
     }); 
     return false; 
    }); 
}); 

希望這可以幫助你多一點。

+0

請將$替換爲jQuery,而不是在衝突模式下更好。 http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_wrappers – moffepoffe

+0

非常感謝。我發現我的問題是對兒童主題的引用。 – ftoure

相關問題