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 に答える