Question

<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>

该怎么办？

Answer 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文件并将其连接到您的页面。这使它更简单。

fancybox 2.1.5 fancybox-effects-d问题

1 个答案: