PrettyPhoto在新标签中打开Youtube视频/图像而不是灯箱

时间:2014-01-26 20:40:47

标签: javascript jquery html youtube prettyphoto

我正在使用prettyPhoto插件来创建灯箱效果,但它根本不起作用。我按照网站上的步骤(我没有经验的javascript等),但我不能让它工作。点击链接后,它只会在新标签页中打开文件,无论是图片还是YouTube视频。

任何人都可以帮我解决这个问题吗?我已经在这一天了,我仍然无法让它工作。

这里是指向Jquery的链接,即prettyphotolibary:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
    <script type="text/javascript" src="/js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" charset="utf-8">
        $(document).ready(function(){
            $("a[rel='prettyPhoto']").prettyPhoto({
        });
    </script>

样式表的链接:

<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" />

这是我希望灯箱打开的链接:

<a href="http://www.youtube.com/watch?v=j7_LMMB3w5M" rel="prettyPhoto"
title="test">CLICKME FOR LIGHTBOX</a>

我在这里遗漏了什么吗?我认为它可能与我安装的其他插件冲突,这可能吗?点击此处查看完整网站:www.romyvanalebeek.com

1 个答案:

答案 0 :(得分:0)

我遇到了同样的问题,我刚刚删除了$(document).ready(function(){

所以现在我有了

<script type="text/javascript" charset="utf-8">
    $("a[rel^='prettyPhoto']").prettyPhoto({
    });
</script>