fotorama - 如何使图像顶部对齐并在顶部显示标题？

Question

如何使所有图像对齐顶部，而不是中间？另外，如何调整标题的位置？例如将其对齐到左上角。

Answer 1

图像由 CSS 居中对齐，并带有 !important 标志。

你可以：

• 下载一个开发版本，并更改​​css，
• 加载 fotorama.css 后应用新的 css，同时使用重要标志
• 使用 style.setProperty 方法用 javascript 覆盖 css 规则（注意，您必须使用 fotorama api 在每个图像上使用此方法 $(".fotorama").on("fotorama:show",function(){......})

标题可以很容易地通过 css 与类进行修改fotorama__caption- 例如：

.fotorama__caption{
  top:1%;
  left: 2%;
  font-size: 200%;
}