0 
<a class="fancybox-effects-d" href="source.jpg"><img src="source.jpg"></a>

我已经正确输入了脚本和链接，并且可以很好地显示图像。但是在它显示图像之后，当我点击显示框外部时，我想显示框关闭。有趣但我想做的功能可用于花哨的盒子效果 a、b、c。像这样。但我想使用的效果是d。

<a class="fancybox-effects-a" href="source.jpg"><img src="source.jpg"></a>

该怎么办？

4

1 回答 1

1

我找到了解决方法...

您必须替换此代码

            `$(".fancybox-effects-d").fancybox({
            padding: 0,

            openEffect : 'elastic',
            openSpeed  : 250,

            closeEffect : 'elastic',
            closeSpeed  : 500,

            closeClick : true,

            helpers : {
                overlay : {speedOut : 0}
            }
        });

重要的是覆盖：在助手中是覆盖：无。你必须删除 none 和这个代码{speedOut : 0}

另一个重要的事情是您必须执行哪个脚本？在 demo 文件夹中的 index.html 文件中，脚本代码从 28. 行开始，到 211 行结束。你必须找到

        // Remove padding, set opening and closing animations, close if clicked and disable overlay
        $(".fancybox-effects-d").fancybox({
            padding: 0,

            openEffect : 'elastic',
            openSpeed  : 250,

            closeEffect : 'elastic',
            closeSpeed  : 500,

            closeClick : true,

            helpers : {
                overlay : {speedOut : 0}
            }
        });`

你必须找到这个区域。并将覆盖的设置更改为{speedOut : 0 }。

应用此功能后，您将看到它有效。您还可以复制所有脚本并创建 js 文件并将其连接到您的页面。这使它更简单。

于 2013-09-10T12:42:44.203 回答