0

ギャラリーのFancyboxを次のコードと統合したい：

スクリプトを含める：

<!-- Add jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>


<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="tl_files/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="tl_files/fancybox/source/jquery.fancybox.css?v=2.0.6" type="text/css" media="screen" />
<script type="text/javascript" src="tl_files/fancybox/source/jquery.fancybox.js?v=2.0.6"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="tl_files/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.2" type="text/css" media="screen" />
<script type="text/javascript" src="tl_files/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.2"></script>
<script type="text/javascript" src="tl_files/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.0"></script>

<link rel="stylesheet" href="tl_files/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=2.0.6" type="text/css" media="screen" />
<script type="text/javascript" src="tl_files/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=2.0.6"></script>

写真への私のリンクはそのように見えます： 

< a class="fancybox" data-fancybox-group="gallery" title="hello world" href="tl_files/photomania/images/51.jpg"><img   src="tl_files/photo/images/51.jpg"></img></a>

そして最後に、私は次のコードでファンシーボックスを呼び出します：

<script type="text/javascript">
(function($) {
    $('.fancybox').fancybox();
})(jQuery);
</script>

しかし、何も起こりません..私を助けてください

4

2 に答える 2

0

これを試して：

    <script type="text/javascript">
        $(document).ready(function() {
        $('.fancybox').fancybox();
        });
    </script>

最初の行でjqueryをロードするので、そのようにする必要はないと思います。

それはうまくいくはずです。

于 2012-08-05T21:49:08.420 に答える
0

どのようなエラーが表示されますか? javascript コンソールまたは firebug (firefox/iceweasel を使用している場合) を確認しましたか?

エラー メッセージを貼り付けると、簡単に解決できます。

于 2012-08-05T14:13:26.587 に答える