Javascript 非常新的JQuery初学者-放大弹出窗口

Javascript 非常新的JQuery初学者-放大弹出窗口,javascript,jquery,magnific-popup,Javascript,Jquery,Magnific Popup,我对Javascript非常陌生,虽然有些是直观的,但我感觉有点迷茫。 尝试创建一个Jquery放大弹出式网站来展示vimeo视频,因为它是一个免费插件。 我想要缩略图链接到这个弹出脚本 我发现自己对包含哪些文件和不使用哪些文件感到非常困惑,因为我不熟悉Javascript 我一直在使用此网站: 我应该使用哪些脚本,我应该省略哪些脚本? 请帮忙!谢谢你的帮助 谢谢您不确定包括哪些内容?在粘贴的链接上,放大的文档非常适合这样做 基本上,你会得到他们说的3个文件,并按照你在他们页面上看到的顺序包含

我对Javascript非常陌生,虽然有些是直观的,但我感觉有点迷茫。 尝试创建一个Jquery放大弹出式网站来展示vimeo视频,因为它是一个免费插件。 我想要缩略图链接到这个弹出脚本

我发现自己对包含哪些文件和不使用哪些文件感到非常困惑,因为我不熟悉Javascript

我一直在使用此网站:

我应该使用哪些脚本,我应该省略哪些脚本? 请帮忙!谢谢你的帮助
谢谢

您不确定包括哪些内容?在粘贴的链接上,放大的文档非常适合这样做

基本上,你会得到他们说的3个文件,并按照你在他们页面上看到的顺序包含它们。CSS,然后jquery,然后放大。根据保存位置的不同,这些文件的路径也会有所不同


Vimeo的东西,我不知道。

你到底不确定包括什么?在粘贴的链接上,放大的文档非常适合这样做

基本上,你会得到他们说的3个文件,并按照你在他们页面上看到的顺序包含它们。CSS,然后jquery,然后放大。根据保存位置的不同,这些文件的路径也会有所不同


Vimeo的东西,我不知道。

你可以看看Jquery的东西,它可以帮助你解决所有Javascript需求。首先,JQuery只是它的Javascript包,它有许多有用的预定义函数、属性等等。。。首先查看JQuery页面 如果您正在查看弹出表单,只需查看链接即可

您可以查看Jquery内容,它可以帮助您解决所有Javascript需求。首先,JQuery只是它的Javascript包,它有许多有用的预定义函数、属性等等。。。首先查看JQuery页面 如果您正在查看弹出表单,只需查看链接即可

这里有一个非常简单的弹出图像示例:

<!DOCTYPE HTML>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <!-- Magnific Popup core CSS file -->
        <link rel="stylesheet" href="css/magnific-popup.css"> 

        <!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

        <!-- Magnific Popup core JS file -->
        <script src="js/jquery.magnific-popup.min.js"></script> 

    </head>
    <body>
        <a class="test-popup-link" href="img/img.jpg">Open popup</a>

    </body>
    <footer>
        <script>
            $('.test-popup-link').magnificPopup({ 
              type: 'image'
                // other options
            });
        </script>

    </footer>
</html>

$('.test popup link')。放大弹出({
键入:“图像”
//其他选择
});

这里有一个非常简单的弹出图像示例:

<!DOCTYPE HTML>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <!-- Magnific Popup core CSS file -->
        <link rel="stylesheet" href="css/magnific-popup.css"> 

        <!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

        <!-- Magnific Popup core JS file -->
        <script src="js/jquery.magnific-popup.min.js"></script> 

    </head>
    <body>
        <a class="test-popup-link" href="img/img.jpg">Open popup</a>

    </body>
    <footer>
        <script>
            $('.test-popup-link').magnificPopup({ 
              type: 'image'
                // other options
            });
        </script>

    </footer>
</html>

$('.test popup link')。放大弹出({
键入:“图像”
//其他选择
});

感谢您的快速回复-我想在放大弹出窗口中包含哪个脚本以获得所需效果更令人困惑。我不认为我应该包括页面上的所有代码?即使我包含了所需的脚本,它似乎也不起作用?我会继续努力,看看我的错在哪里。感谢againIt,使用JavaScript包含多个文件以实现一种效果一点也不奇怪。其中一个是jQuery——可以把它看作是JavaScript的一个补充,它为放大镜提供了一个构建平台,另一个是放大镜本身,还有一个是控制一切外观的CSS文件。您将在您提供的站点上包含他们列出的3个文件,然后按照“初始化”步骤编写一些jQuery来完成这项工作。感谢您的快速回复-我想在放大弹出窗口中包含哪个脚本以获得所需的效果更令人困惑。我不认为我应该包括页面上的所有代码?即使我包含了所需的脚本,它似乎也不起作用?我会继续努力,看看我的错在哪里。感谢againIt,使用JavaScript包含多个文件以实现一种效果一点也不奇怪。其中一个是jQuery——可以把它看作是JavaScript的一个补充,它为放大镜提供了一个构建平台,另一个是放大镜本身,还有一个是控制一切外观的CSS文件。您将在您提供的站点上包括他们列出的3个文件,然后按照“初始化”步骤编写一些jQuery来完成这项工作。