在图像下方添加按钮/图像

Question

我目前正在使用fancybox3来放大图片。

目前看起来像这样：

我希望能够在图片下方添加按钮/图片，如下所示：

fancybox3中是否有选项可以执行此操作，还是必须修改源代码。你可以在canescollector.com看到它。

谢谢！

Answer 1

可以使用回调。唯一的问题是标题可以位于图像之上，一种解决方案是推送内容。演示 - https://codepen.io/anon/pen/mKbwJK

JS：

.fancybox-extra {
  position: absolute;
  top: 100%;
  width: 100%;
  text-align: center;
  padding: 10px;
}

/* Hide while zooming */
.fancybox-is-scaling .fancybox-extra {
  display: none;
}

/* Push content up */
.fancybox-slide--image {
  padding-bottom: 120px;
}

CSS：

gens