1

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

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

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

我应该使用哪些脚本,哪些脚本可以省略?请帮忙!我感谢任何帮助谢谢

4

3 回答 3

1

你不确定包括什么?Magnific 文档非常适合您粘贴的链接。

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

Vimeo的东西,我不知道。

于 2013-06-24T18:29:52.753 回答
0

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

<!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>
于 2013-10-30T10:12:20.087 回答
0

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

于 2013-06-24T18:31:03.870 回答