FANCYBOX：指定关闭按钮的外观

Question

如何为 Fancybox Lightbox 插件指定“关闭按钮”的显示样式？

现在，灯箱的关闭按钮出现在右上角。我不喜欢这个样子。我想要内容旁边的关闭按钮。

HTML 标记：

<a class="iframe" href="#">Image</a>

JavaScript 触发器：

$(".iframe").fancybox();

Here's the close buttons I want. Click here!

---

Fancybox 插件： http://fancybox.net/

Answer 1

如果你想在内容上显示小的关闭按钮，那么设置如下：

$('[data-fancybox="modal"]').fancybox({
    smallBtn : true,
    toolbar  : false
});

演示 - https://codepen.io/anon/pen/YQWoWd

样式由您决定，您可以使用 CSS 将其更改为您的喜好，例如，像这样 - https://codepen.io/anon/pen/WOxqOx