Fancybox在第二次点击时响应,不会切换到下一个图像

时间:2013-11-10 13:43:34

标签: javascript jquery html css fancybox

我一直在使用fancybox,据我所知,我没有做错任何事。图像在SECOND点击时响应,这非常奇怪,下一个/上一个图像不起作用。

Html代码:

<div id="fotobox">
                    <a class="fancybox" rel="group" href="http://www.sensrealestate.nl/wp-content/uploads/2012/08/fallout-wp8-800x6002.jpeg" ><img src="images/_userfiles/pictures/foto1.jpg" alt="image"/></a>
                    <a class="fancybox" rel="group" href="http://www.sensrealestate.nl/wp-content/uploads/2012/08/fallout-wp8-800x6002.jpeg" ><img src="images/_userfiles/pictures/foto1.jpg" alt="image"/></a>
                    <a class="fancybox" rel="group" href="http://www.sensrealestate.nl/wp-content/uploads/2012/08/fallout-wp8-800x6002.jpeg" ><img src="images/_userfiles/pictures/foto1.jpg" alt="image"/></a>
                    <a class="fancybox" rel="group" href="http://www.sensrealestate.nl/wp-content/uploads/2012/08/fallout-wp8-800x6002.jpeg" ><img src="images/_userfiles/pictures/foto1.jpg" alt="image"/></a>
                    <a class="fancybox" rel="group" href="http://www.sensrealestate.nl/wp-content/uploads/2012/08/fallout-wp8-800x6002.jpeg" ><img src="images/_userfiles/pictures/foto1.jpg" alt="image"/></a>
                    <a class="fancybox" rel="group" href="http://www.sensrealestate.nl/wp-content/uploads/2012/08/fallout-wp8-800x6002.jpeg" ><img src="images/_userfiles/pictures/foto1.jpg" alt="image"/></a>
                    <a class="fancybox" rel="group" href="http://www.sensrealestate.nl/wp-content/uploads/2012/08/fallout-wp8-800x6002.jpeg" ><img src="images/_userfiles/pictures/foto1.jpg" alt="image"/></a>
                    <a class="fancybox" rel="group" href="http://www.sensrealestate.nl/wp-content/uploads/2012/08/fallout-wp8-800x6002.jpeg" ><img src="images/_userfiles/pictures/foto1.jpg" alt="image"/></a>
                </div>

和jquery:

$(document).ready(function(){
        $(".fancybox").fancybox();
    });

这里可能出现什么问题?

我已将我的项目置于http://www.warrebuysse.be/test 点击导航中的“波段”,你会看到。

有什么想法?需要在黎明前完成这项工作。

2 个答案:

答案 0 :(得分:1)

<link href="css/libs/jquery.fancybox.cssu" rel="stylesheet" type="text/css"/>
                                 <!---  ^

答案 1 :(得分:1)

首先尝试修复指向fancybox.css文件的链接。目前你在这里链接:

  

http://www.warrebuysse.be/test/css/libs/jquery.fancybox.cssu

删除链接末尾的u。