Question

我对Javascript非常陌生，虽然有些是直观的，但我感到有些失落。尝试创建一个Jquery Magnific-popup网站来展示vimeo视频，因为它是一个免费的插件。我想缩略图链接到这个弹出脚本。

我发现自己对要包含哪些文件以及因为我是Javascript新手而无法使用哪些文件感到非常困惑。

我一直在使用这个网站： http://dimsemenov.com/plugins/magnific-popup/documentation.html#mfp-build-tool

我使用哪些脚本，哪些脚本可以省略？请帮忙！我感谢任何帮助感谢

Answer 1

您究竟对此不确定包括哪些内容？在您粘贴的链接上，Magnific文档非常适合。

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

Vimeo的东西，我不知道。

Answer 2

你可以看看Jquery的东西，它可以帮助你解决所有的Javascript需求。首先，JQuery不过是它的Javascript包，它有许多有用的预定义函数，属性等等...首先看一下JQuery页面 http://jquery.com/ 如果您查看弹出窗体，只需查看链接即可 http://jqueryui.com/dialog/#modal-form

Answer 3

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

<!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>

非常新的JQuery Beginner- magnific-popup

3 个答案: