Javascript Fancybox不会在弹出窗口中显示图像

Javascript Fancybox不会在弹出窗口中显示图像,javascript,jquery,html,fancybox,fancybox-2,Javascript,Jquery,Html,Fancybox,Fancybox 2,我正在尝试使用Fancybox显示带有弹出窗口的图像。但当我点击图像时,它只会在同一窗口中打开图像。我从中下载了Fancybox文件夹。我正在使用demo/lib/source文件夹进入这个文件夹 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/java

我正在尝试使用Fancybox显示带有弹出窗口的图像。但当我点击图像时,它只会在同一窗口中打开图像。我从中下载了Fancybox文件夹。我正在使用demo/lib/source文件夹进入这个文件夹

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.easing-1.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

<script type="text/javascript">
$(document).ready(function() {
/* This is basic - uses default settings */

$("a#single_image").fancybox();

/* Using custom settings */

$("a#inline").fancybox({
    'hideOnContentClick': true
});

/* Apply fancybox to multiple items */

$("a.group").fancybox({
    'transitionIn'  :   'elastic',
    'transitionOut' :   'elastic',
    'speedIn'       :   600, 
    'speedOut'      :   200, 
    'overlayShow'   :   false
});
});
</script>

<a id="single_image" href="demo/1_s.jpg"><img src="demo/1_b.jpg" alt=""/></a>

$(文档).ready(函数(){
/*这是基本设置-使用默认设置*/
$(“单个图像”).fancybox();
/*使用自定义设置*/
$(“内联”).fancybox({
“hideOnContentClick”:true
});
/*将fancybox应用于多个项目*/
$(“a.group”).fancybox({
“transitionIn”:“弹性”,
“transitionOut”:“弹性”,
“speedIn”:600,
“加速输出”:200,
“叠加显示”:错误
});
});

您的代码没有根本性的问题,我刚刚测试了它,它可以正常工作

确保脚本路径正确(
/fancybox/jquery.fancybox-1.3.4.pack.js


页面的URL是什么?

简单删除源路径前面的正斜杠(/)

<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.easing-1.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />


console中是否有错误?是否有使用jquery 1.4的理由?最新版本现在已经超过2了,但是如果你需要ie8或者更少,那么1.10也可以。fancybox现在也有一个版本2了。我没有得到ant错误,只是图像没有用javascript显示。它在同一个窗口中打开。我的示例代码使用的是jQuery1.4,它正在工作,所以我没有更改版本?我需要改变吗?