Javascript 如何在网站中实现fancybox（初学者）_Javascript_Jquery_Image_Fancybox

Javascript 如何在网站中实现fancybox（初学者）

javascript jquery image

Javascript 如何在网站中实现fancybox（初学者）,javascript,jquery,image,fancybox,Javascript,Jquery,Image,Fancybox,就我而言，我似乎无法让Fancybox在我的网站上工作。任何帮助都将不胜感激。我甚至跟踪了这家伙的视频，没有骰子：这是我正在使用的代码（我让它非常简单，所以我不能把它弄糟…不工作…）：这是更好的工作 $（文档）.ready（函数（）{ $（“.fancybox”）.fancybox（）； }); 它运行良好@CerlinBoss我使用的版本是v2.1.5，你可以检查我发布的小提琴吗。工作正常，“弹出”发生了吗？我没有看到它，因为图像URL是错误的，它不会显示任何图像。Check it

就我而言，我似乎无法让Fancybox在我的网站上工作。任何帮助都将不胜感激。我甚至跟踪了这家伙的视频，没有骰子：

这是我正在使用的代码（我让它非常简单，所以我不能把它弄糟…不工作…）：


这是更好的工作
$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox（）；
});

它运行良好@CerlinBoss我使用的版本是v2.1.5，你可以检查我发布的小提琴吗。工作正常，“弹出”发生了吗？我没有看到它，因为图像URL是错误的，它不会显示任何图像。Check it works fine@CerlinBoss我使用的版本是v2.1.5你可以检查我发布的小提琴吗。工作正常，“弹出”发生了吗？我没有看到它，因为图像URL是错误的，它不会显示任何图像。检查

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