Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery时弹出图像在html中不起作用_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用jquery时弹出图像在html中不起作用

Javascript 使用jquery时弹出图像在html中不起作用,javascript,jquery,html,Javascript,Jquery,Html,在下面的代码中,我显示了一个包含图像的库。当我点击一个图像时,我想在弹出窗口中显示相同的图像,我还想显示下一个和上一个图像。知道我的错误是什么吗 但它显示为一个新窗口 有人能帮我吗 html <!-- Add jQuery library --> <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> <!-- Add mousewheel plugin (thi

在下面的代码中,我显示了一个包含图像的库。当我点击一个图像时,我想在弹出窗口中显示相同的图像,我还想显示下一个和上一个图像。知道我的错误是什么吗

但它显示为一个新窗口

有人能帮我吗

html

  <!-- Add jQuery library -->
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="js/jquery.mousewheel.pack.js?v=3.1.3"></script>

<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="source/jquery.fancybox.pack.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css?v=2.1.5" media="screen" />

<!-- Add Button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
<script type="text/javascript" src="source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>

<!-- Add Thumbnail helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
<script type="text/javascript" src="source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

<!-- Add Media helper (this is optional) -->
<script type="text/javascript" src="source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<div id="Gallery">
   <a class="fancybox-thumb" rel="fancybox-thumb" href="http://farm8.staticflickr.com/7501/15812584301_1d63602c58_b.jpg" title="elgol sunset (matty brooks)">
    <img src="http://farm8.staticflickr.com/7501/15812584301_1d63602c58_m.jpg" alt="" width="150" height="113" />
</a>
<a class="fancybox-thumb" rel="fancybox-thumb" href="http://farm9.staticflickr.com/8665/15613375844_99dc1e5dc0_b.jpg" title="Frondaisons (Valentin le luron)">
    <img src="http://farm9.staticflickr.com/8665/15613375844_99dc1e5dc0_m.jpg" alt="" width="150" height="113"/>
</a>
<a class="fancybox-thumb" rel="fancybox-thumb" href="http://farm8.staticflickr.com/7404/12868632153_b0a5718c22_b.jpg" title="The cold morning (Raimondas Ka.)">
    <img src="http://farm8.staticflickr.com/7404/12868632153_b0a5718c22_m.jpg" alt="" width="150" height="113"/>
</a>
<a class="fancybox-thumb" rel="fancybox-thumb" href="http://farm6.staticflickr.com/5584/15276294205_5a7ffe793c_b.jpg" title="Silhouettes (una cierta mirada)">
    <img src="http://farm6.staticflickr.com/5584/15276294205_5a7ffe793c_m.jpg" alt="" width="150" height="113"/>
</a>
     </div>
     </div>
  <script type="text/jscript">
 $(document).ready(function() {
    $(".fancybox-thumb").fancybox({
        prevEffect  : 'none',
        nextEffect  : 'none',
        helpers : {
            title   : {
                type: 'outside'
            },
            thumbs  : {
                width   : 50,
                height  : 50
            }
        }
    });
});
  </script>

$(文档).ready(函数(){
$(“.fancybox拇指”).fancybox({
效果:“无”,
下一个效果:“无”,
助手:{
标题:{
类型:“外部”
},
拇指:{
宽度:50,
身高:50
}
}
});
});

从url下载这些文件

<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>-->


<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
-->
通过附加url e、 g

然后将所有这些文件包括在项目文件夹中。
它可以工作:)

您有一个错误:
sooperfish没有定义
为什么您有
$('ul.sf menu').sooperfish()在那里?那是另一个那一个。你有一个错误<代码>类型错误:$(…).fancybox不是一个函数
您是否正确加载了fancybox库?我没有得到正确的加载位置是的,我正在正确加载,请向我展示您的项目结构。我想您在脚本中使用的路径没有得到纠正:/mainfoldername/js/jquery.mouseweel.pack.js?v=3.1.3下载此js文件,并在下载后将其包含在页面中我被更改路径与在新窗口中打开图像时的路径不同