显示标题和标题fancybox 3答案

【问题标题】：Show caption and title fancybox 3显示标题和标题fancybox 3
【发布时间】：2018-06-14 17:13:08
【问题描述】：

我想用 Fancybox 3 显示一个标题和一个标题。现在标题是用 data-caption 属性显示的。我已经扫描了文档，但没有找到任何东西。我在这里或其他地方找到的唯一解决方案适用于 Fancybox 2。我将不胜感激。谢谢！

【问题讨论】：

【解决方案1】：

您可以根据自己的喜好自定义字幕区域，有很多演示 - https://fancyapps.com/fancybox/3/docs/#faq-2

【讨论】：

这不好。我们需要一个单独的标题元素，它不是标题元素的一部分，以便我们可以轻松地将其显示在图像上方。
也许您可以创建一个显示所需布局的草图（或显示一些示例）？
想象一下灯箱中的典型图片。顶部是工具栏，底部是标题。我们需要将标题放在图像上方，居中。所以基本上，它看起来像工具栏的一部分（在中心）。我自己解决了这个问题 - 我在数据标题属性本身中添加了 MY TITLE ，然后给了它一些 CSS，即 position: fixed;, top: 1rem;左：50%； transform: translate(-50%, -0%) etc....只是上面幻灯片的基本标题。显然这个 CSS 很老套，并不理想。