fancybox，点击打开画廊

Question

我不确定，也许这个问题已经得到解答或者有一些类似的问题，但我希望这对我来说是解决这个问题的最简单方法。

所以我的 "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）的画廊，但出现此错误：

未捕获类型错误：$.fancybox.open 不是函数

我该如何解决这个错误？

Answer 1

只需更改

中的这一部分

$.fancybox.open([

到

$.fancybox([

fancybox，点击打开画廊

fancybox, open gallery on click

javascript

jquery

fancybox

image-gallery