0

我以前从未使用过花哨的盒子，除了打开一个带有图像的新窗口之外，我无法让它做任何事情，我希望它使用“弹性”功能在同一页面中打开，这就是我所写的.. .

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

<body>
 <div class="grid_5" id="images">
            <a id="single_image" href="htmlandcss/images/1car.gif"><img src="htmlandcss/images/1car.gif" alt=""/></a>
</div>  

</body>
<script type="text/javascript">
        $(document).ready(function() {  

                        $("a#single_image").fancybox({
                            'transitionIn'  :   'elastic',
                            'transitionOut' :   'elastic', 
                            'overlayShow'   :   false
                        });

                    });

    </script>

任何帮助将不胜感激

4

2 回答 2

1

您使用的 jQuery 版本与 Fancybox2 不兼容 - 我收到以下错误：

 Uncaught TypeError: Object #<Object> has no method 'prop'

尝试将您的 jQuery 更新到最新版本，或者至少 1.6.4（这绝对有效）

于 2013-01-29T16:48:11.353 回答
0

也许这个是你需要的，更简单更短的代码

$.fancybox.open([
{
    href : 'http://fancyapps.com/fancybox/demo/1_b.jpg',
    link : 'http://jquery.com/'}
],{
    afterShow: function() {
    $(".fancybox-image").wrap('<a href="' + this.link + '" />')
    },   

    padding : 0   
});
于 2013-08-24T10:38:06.193 回答