Question

我想在我的图库中将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>

但没有任何反应......请帮帮我

Answer 1

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

粘贴错误消息，这将更容易帮助您。

Answer 2

试试这个：

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

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

它应该有用。

Fancybox问题，没有任何反应

2 个答案: