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

你得到什么样的错误？您是否检查过 javascript 控制台或 firebug（如果您使用 firefox/iceweasel）？

粘贴错误消息，它会更容易帮助你。

于 2012-08-05T14:13:26.587 回答
0

尝试这个：

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

由于您在第一行加载 jquery，我认为您不需要那样做。

它应该工作。

于 2012-08-05T21:49:08.420 回答