2011-07-24 113 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

相关问题