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

Fancybox responds on second click and doesn't switch to next image

本文关键字:图像 下一个 第二次 单击 响应 Fancybox      更新时间:2023-09-26

我一直在使用fancybox,据我所知,我没有做错任何事。图像在第二次单击时响应,这很奇怪,下一个/上一个图像不起作用。

网页代码:

<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单击导航中的"乐队",您将看到。

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

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

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

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

删除链接末尾的 u。