fancybox,点击打开图库

时间:2015-06-12 12:37:22

标签: javascript jquery fancybox image-gallery

我不确定,也许这个问题已经回答了或者有类似问题,但我希望这对我来说是最简单的方法,找出这个问题。

所以我在“head”标签中有这个代码:

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>


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

<script type="text/javascript">

$(document).ready(function() {

    $(".fancybox").fancybox();

            $("#fb_man").click(function() {
            $.fancybox.open([
                {
                    href : 'both.jpg',
                    title : 'My title'
                }, {
                    href : 'front.jpg',
                    title : '2nd title'
                }
            ], {
                helpers : {
                    thumbs : {
                        width: 75,
                        height: 50
                    }
                }
            });
        });


});
</script>

这个在我体内:

<a id="fb_man" href="javascript:;"><img src="img/eyey.png"></a>

我想点击eyey.png打开一个包含2张图片(both.jpg和front.jpg)的图库,但是我收到了这个错误:

未捕获的TypeError:$ .fancybox.open不是函数

我该如何解决这个错误?

1 个答案:

答案 0 :(得分:1)

只需从

更改此部分即可
$.fancybox.open([

$.fancybox([