如何在网站上实现fancybox(初学者)

时间:2015-07-13 04:23:00

标签: javascript jquery image fancybox

对于我的生活,我似乎无法让Fancybox在我的网站上工作。任何帮助将非常感激。 我甚至关注了这个家伙的视频,没有骰子:  http://tutvid.com/webdesign/dreamweaver/how-to-use-fancybox-jquery-tutorial/

这是我正在使用的代码(我保持简单,所以我无法搞砸......没有工作......):

<!doctype html>
<html>
    <head>
    <meta charset="utf-8" />
    <title>This better Work</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    </head>

    <!-- Fancybox JScript -->   
        <link rel="stylesheet" href="js/fancybox/source/jquery.fancybox.css" type="text/css" media="screen"/>
        <script type="text/javascript" src="js/fancybox/source/jquery.fancybox.pack.js"></script>

        <div>
            <a class="fancybox" href="js/fancybox/images/1_b.jpg">
                <img src="js/fancybox/images/1_s.jpg" width="250" height="251" />
            </a>
        </div>
    <!-- Javascript Links -->

    <body>
        <script type="text/javascript">
            $(document).ready(function() {
                $(".fancybox").fancybox();
            });
        </script>
    </body>
</html>

0 个答案:

没有答案